javascript - 为什么我的 Javascript 不工作？

Question

这是我的 Javascript:

<script type="text/javascript">
    function contactChange() {
        var contact = document.getElementbyId("contact");
        if (contact.style.display == "none") {          
            contact.style.display = "block";
        } else {
            contact.style.display = "none";
        }
    }
</script>

这是我的网站:

http://www.andrewjalexander.com/

Answer 1

是 document.getElementById , 不是 document.getElementbyId . (在JS中，变量名和函数名是区分大小写的)

调试提示:查看 JS 控制台(Google Chrome 和 IE9 中的 F12，Firefox 中的 Ctrl+Shift+K)。在这种情况下，可以看到以下错误:

它显示错误发生的位置(您的 HTML/JS 代码中的第 260 行)以及错误是什么(对象 #<HTMLDocument> 没有方法 getElementbyId )。