javascript - 尝试将两个数字相加，但它们被包含在 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);

这是一个working example以上。