为什么我的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）。

Answer 2

它是getElementById，而不是getElementbyId。注意大写＆＃34; B＆＃34;。

Answer 3

你会因此而讨厌自己，但你放getElementbyId()代替getElementById()。请注意第二个版本中的大写“B”。

Answer 4

其getElementById代替getElementbyId

Answer 5

尝试隐藏然后在滚动条上显示一个元素，我必须走这条路线。基本上我尝试使用window，所以我使用了“ body”

Student

}）;

Answer 6

确保您在 html 代码中使用的 id 或类将相应地使用 .(dot) 或 #(hash) 及其名称。

例如：

   For id:
   html:

  <div  id= idName>
          ****Some code****
   <\div>

  Javascript:
  var VariableName = document.querySelector( "#idName");
   Or
  var VariableName = document.getElementById( "#idName");

  For class:   
 html:
  <div  id= className>
          ****Some code****
   <\div>
  Javascript
  var VariableName = document.querySelector( ".className");
   Or
  var VariableName = document.getElementById( ".className");