我想要一个显示并隐藏我的图像的按钮

<!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

我想要一个显示并隐藏我的图像的按钮

回答

相关问题