我想要一個顯示並隱藏我的圖像的按鈕

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

我想要一個顯示並隱藏我的圖像的按鈕

回答

相關問題