我试图有一个按钮，显示和隐藏我的形象

I trying to have a button that shows and hidden my image

本文关键字：隐藏我的显示有一个按钮更新时间：2023-09-26

<!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的属性‘可见性’"。如何修复我的错误并使我的程序工作?

您的问题是代码中的错别字

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'
    }