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

您可以使用span访问getElementById元素，并使用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/

试图添加两个数字，但它们包含在span标签中

2 个答案: