如何通过向元素添加整数值来更改innerHtml？答案

【问题标题】：how to change innerHtml by adding a integer value to element?如何通过向元素添加整数值来更改innerHtml？
【发布时间】：2013-06-23 20:24:56
【问题描述】：

我建立了一个记分牌

当有人点击 +500 按钮时，它会在记分板上的值上加 500，即它会给 p 标签的值加 500

   <div class="box"> 
 <h2>Teams</h2>
 <div class="score">
    <p id="p1" class="lead">230</p>
  </div>
  /div>
 <button id="b1">+500</button>

JavaScript

var myScore = document.getElementById("b1");
myScore.onclick = function () {
    var newScore = document.getElementById("p1").innerHTML;
    var value = newScore + 500;
    document.getElementById("p1").innerHTML = value;
};

但这显示的是 230500 而不是 730。如何以整数形式更改我的内部 html 值 230 ？

【问题讨论】：

字符串 + 整数 = 字符串。 :)
dom 内容是字符串。并且总是字符串。您需要先将字符串解析回 int。

标签： javascript onclick innerhtml

【解决方案1】：

现在，您正在将一个整数添加到一个字符串中，因此您正在创建一个字符串连接。

改变

 var value = newScore + 500;

到

 var value = parseInt(newScore,10) + 500;

【讨论】：