使用JavaScript更改跨度的值

Question

我有一个像这样的跨度的HTML：

<span class="className">0</span>，它应显示：0

问题是，如何通过点击按钮并使用javascript来添加值（例如，当值为2时，它将变为3）。

Answer 1

您可以使用以下方式修改任何HTMLElement的内容：

• innerHTML

• textContent

看看这个片段：

＆＃13;

＆＃13;

document.addEventListener("DOMContentLoaded", function(){
   var button = document.querySelector("#mybutton");
   var span = document.querySelector(".className");
  
   button.onclick = function() {
     span.textContent= parseInt(span.textContent, 10) + 1;
   }
  
});

＆＃13;

<span class="className">0</span>
<button id="mybutton">add</button>

＆＃13;

＆＃13;

＆＃13;

编辑：如果您想使用I don't recommend onclick=""，可以执行以下操作：

＆＃13;

＆＃13;

var myFunction = function() {
   var span = document.querySelector(".className");  
   span.textContent= parseInt(span.textContent, 10) + 1;  
}

＆＃13;

<span class="className">0</span>
<button id="mybutton" onclick="myFunction()">add</button>

＆＃13;

＆＃13;

＆＃13;