相同的代码不同的变量 - 不起作用

Question

所以我只是用JavaScript尝试不同的东西，我的问题真的很尴尬，但我有两个不同的变量相同的代码，但一个函数确实有效，另一个函数没有：

    <button onclick="incA(1)">Increment A!</button>
    <br />
        a: <span id="a">0</span>
    <br />
<button onclick="incB(1)">Increment B!</button>
    <br />
        b: <span id="b">0</span>

这是JavaScript：

    var a = 0;

function incA(number){
    a = a + number;
    document.getElementById("a").innerHTML = a;
}
var b = 0;

function incB(number){
    b = b + number;
    document.getElementByID("b").innerHTML = b;
}


window.setInterval(function(){

    incA(1);
    incB(1);

}, 100);

增加间隔时间和按钮的效果非常好。 B只是保持在0并且按钮也不会递增。

有什么想法吗？我错过了什么？

Answer 1

getElementById不是getElementByID

Answer 2

Javascript是区分大小写的

  document.getElementByID("b").innerHTML = b;

  document.getElementById("b").innerHTML = b;

Answer 3

错误在你的行

document.getElementByID("b").innerHTML = b;

没有函数document.getElementByID;正确的拼写是document.getElementById，最后的小写 d 。与几乎所有编程语言一样，JavaScript区分大小写。

要检测此错误和其他错误，请使用浏览器的开发人员工具，然后查看错误或控制台标签。例如，使用Chrome，您可以按 F12 ，您会看到一条错误消息