为什么我的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行)以及错误是什么(Object #<HTMLDocument>没有方法getElementbyId).