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

Question

我试图将两个数字相加，但它们是在我的页面中动态生成的，并被包装在标记中。有人能告诉我怎样才能把这些数字相加吗？

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

id标签也是动态生成的。

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

我需要将两个数字42 + 11相加，然后输出: Total = 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);

以下是上述内容的working example。

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/