使用JavaScript更改跨度的值

Question

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

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

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

Answer 1

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

• innerHTML

• textContent

看一下这个片段：

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

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

编辑：如果您要使用不建议使用的onclick="" ， 则可以执行以下操作：

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

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