document.getElementByID("test").innerHTML给出TypeError:'undefined'不是函数(评估'document.getElementByID("test")')

Question

我试图使用JavaScript来设置div的内部html,但由于某种原因,它无法正常工作.我发现其他人之前遇到过这个问题,但我在其他帖子中找到的解决方案都没有.我不明白什么是错的.

这是我的测试功能:

function test(){
    document.getElementByID("test").innerHTML = "why won't you work";
    alert("hello");
}
window.onload = test;

正在调用该函数,因为如果注释掉document.getElementByID行,则警报框可以正常工作.如果没有注释该行,则它不起作用.我的控制台显示该行的错误:

TypeError: 'undefined' is not a function (evaluating 'document.getElementByID("test")')

当然,我的页面正文中有一个id.

<div id="test"></div>

我在网上发现的一切都说这应该有效.我搞不清楚了.任何帮助将不胜感激.

Answer 1

它是,document.getElementById而不是document.getElementByID.

您可以通过以下方式使用此站点上的firebug或chrome dev工具进行测试:

document.getElementById('hlogo').innerHTML='It works!'; // have a look at the logo