为什么这段Javascript代码不能在我的浏览器上工作？

Question

<button id="myButton">You want to click me</button> 
 

 
<script type="text/javascript"> 
 
    document.getElementByID("myButton").onclick = function() { 
 

 
    alert("Hi!"); 
 

 
    } 
 
</script>

你能告诉我什么是错，好吗？

Answer 1

它应该是getElementById而不是getElementByID（最后一个字母应该是小写）。

Answer 2

除了你的语法错误之外，一些javascript验证器会在你的函数结束时标记你丢失的分号。

document.getElementById("myButton").onclick=function() { 
alert("Hi!"); 
}; 

要查找的getElementById错误，如果你使用IE浏览器，只需打开IE浏览器的开发者工具，然后导航到控制台选项卡。你会看到这样的错误：

SCRIPT438: Object doesn't support property or method 'getElementByID'