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

时间:2016-05-04 19:21:04

标签: javascript

所以我只是用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并且按钮也不会递增。

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

3 个答案:

答案 0 :(得分:0)

getElementById不是getElementByID

答案 1 :(得分:0)

Javascript是区分大小写的

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

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

答案 2 :(得分:0)

错误在你的行

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

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

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