Question

我在span标记中有以下值：

<div id="aantallen">
 <span>3</span>
 <span>2</span>
</div>

在JS中我想得到这些值的总和。我有这个代码来做（有效，但是）：

const spans = document.querySelectorAll('#aantallen span');

const result = Array.from(spans).reduce((sum, spanElm) => sum + Number(spanElm.textContent), 0)

但是，此代码在Internet Explorer 10（可能不是旧版本）中不起作用，因为不支持ECMA 6箭头。

现在我正在尝试编写一些也可以在IE中运行的代码，但我还没有完成它。我有一个版本，我可以在跨度中使用文本，但我无法将其转换为整数，因为我收到NaN错误：

var div = document.getElementById("aantallen");
var spans = div.getElementsByTagName("span");
console.log(spans);
var totaalPersonen = 0;
for(i=0;i<spans.length;i++)
{
    alert(parseInt(spans[i]));
    totaalPersonen = parseInt(totaalPersonen) +parseInt(spans[i]);
    //alert(totaalPersonen);
}
alert(totaalPersonen);

如何将跨度值转换为整数并将它们相加？

Answer 1

您正确获取对象但未正确访问它的值，您需要在每个元素中使用innerHTML来获取它。

您正在使用:(它是DOM节点对象）

spans[i]

您需要使用:(相应的DOM节点 innerHTML 值）

spans[i].innerHTML

我已经建立了一个功能性的jsfiddle，看看：

https://jsfiddle.net/rpichioli/w3m0cc1g/

Answer 2

您正在直接访问跨度并尝试添加它们;相反，你必须访问范围内的内容。

检查以下代码段：

＆＃13;

<div id="aantallen">
 <span>3</span>
 <span>2</span>
</div>

＆＃13;

{{1}}

＆＃13;

For循环中的跨度值总和（在IE10中工作）

2 个答案: