Я пытаюсь создать кнопку, которая показывает и скрывает мое изображение

<!DOCTYPE html> 
<html> 
<head> 
<title>Face</title> 
<meta charset="UTF-8"> 
<script type="text/javascript"> 
//<![CDATA[ 

function myFunction(id) { 
     var e = document.getElementById(id); 
     if(e.style.visibility == "visible") 
     e.style.visibility = 'hidden'; 
     else 
      e.style.visibility = 'visibile'; 
    } 



</script> 
</head> 
<body> 

<div style="position: relative; visibility: visible;"> 
<img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437" 
      alt="Pumpkins" id="Pum"/> 
<button onclick="myFunction('Pum')">Face</button> 
</div> 






</body> 
</html>

Я пытаюсь создать кнопку, которая отображает/скрывает мое изображение. Я не понимаю, что я делаю неправильно. Я получаю сообщение об ошибке «TypeError: Невозможно прочитать свойство« видимость »null. Как исправить мою ошибку и заставить мою программу работать?Я пытаюсь создать кнопку, которая показывает и скрывает мое изображение

источник

2015-10-18 Mila

Ваша проблема опечатка в коде

function myFunction(id) { 
     var e = document.getElementById(id); 
     if(e.style.visibility == "visible") 
     e.style.visibility = 'hidden'; 
     else 
      e.style.visibility = 'visible'; // <-------- SHOULD BE 'visible', was 'visibile' 
    }

Это должно исправить вашу проблему.

источник

2015-10-18 07:13:45 noodlez040

Я пытаюсь создать кнопку, которая показывает и скрывает мое изображение

ответ

Смежные вопросы