javascript - document.getElementByID ("test").innerHTML 给出 TypeError : 'undefined' is not a function (evaluating '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。

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

我在网上找到的所有内容都表明这应该有效。我搞不清楚了。任何帮助将不胜感激。

Answer 1

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

您现在可以使用本网站上的 firebug 或 chrome 开发工具进行测试:

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