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")')

当然，我的页面正文中有一个div。

<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

Answer 2

JavaScript区分大小写。在编写JavaScript语句时要密切关注大写：

功能getElementById与getElementbyID不同。

名为myVariable的变量与MyVariable不同。

Answer 3

出现此错误是因为我试图运行document.getElementById('donationContainer').innerHTML('<div></div>');

代替：

document.getElementById('donationContainer').innerHTML = '<div></div>';

注意括号：使用...innerHTML = ...而不是...innerHTML(...

我希望这可以帮助其他人解决这个愚蠢的问题