Question

我的页面上有一个按钮，点击计数器为span（类.counter）。单击按钮后，应将+1添加到计数器（在页面上，而不是在控制台中）。如何在span中向字符串添加1，当前innerHTML是0？我尝试使用下面的代码但不幸的是它不起作用。当我尝试没有parseInt时，数字被添加到一个范围中，所以我得到了011而不是2.

document.addEventListener("DOMContentLoaded", function () {
    var counters = document.querySelectorAll(".counter");

    var btn1 = document.getElementById("button1");

    function btn1Count (event) {
         parseInt(counters[0].innerHTML,10) += 1;
     }

    btn1.addEventListener("click", btn1Count);

});

Answer 1

使用parseInt但是喜欢：

counters[0].innerHTML = parseInt(counters[0].innerHTML,10) + 1;

注意：如果你只想附加文字（没有HTML），最好使用textContent：

counters[0].textContent = parseInt(counters[0].textContent,10) + 1;

希望这有帮助。

＆＃13;

var btn1 = document.getElementById("button1");
var counters = document.querySelectorAll(".counter");

btn1.addEventListener("click", btn1Count);

function btn1Count (event) {
  counters[0].textContent = parseInt(counters[0].textContent) + 1;
}

＆＃13;

<button id="button1">Button 1</button>
<br>
<span class='counter'>0</span>

＆＃13;

Answer 2

只需更改

counters[0].innerHTML = parseInt(counters[0].innerHTML,10) + 1;

您刚刚没有设置span内容

在span JavaScript中添加数字

2 个答案: