尝试将两个数字相加，但将它们包裹在span标记中

Question

我正在尝试将两个数字加在一起，但是它们是在我的页面中动态生成的，并包装在标签中。 谁能告诉我如何添加这些数字？

这将是两个动态生成的数字的示例：

id标签也是动态生成的。

<span id="thmr_35" class="thmr_call"> 42</span>
<span id="thmr_42" class="thmr_call"> 11</span>

我需要将两个数字相加42 + 11，然后吐出：总计= 53

感谢您的任何帮助！

Answer 1

您可以使用getElementById访问span元素，并使用innerHTML属性获取这些内容。 然后，您可以使用parseInt将这些字符串转换为数字并将它们加在一起：

var num1 = document.getElementById("thmr_35").innerHTML,
    num2 = document.getElementById("thmr_42").innerHTML,
    added = parseInt(num1, 10) + parseInt(num2, 10);

这是上面的工作示例 。

Answer 2

如果id是按照您所说的动态生成的，则可以通过类名访问元素。

var elems = document.getElementsByClassName('thmr_call');
var sum = 0;
for (var i = 0;i < elems.length; i++) {
  sum += parseInt(elems[i].innerHTML, 10);
}
alert(sum);

http://jsfiddle.net/K3A9K/7/

如果还动态生成了类名，则可以通过标签名获取元素。 getElementsByTagName http://jsfiddle.net/K3A9K/8/