Javascript JS:For循环中跨度值的总和

span标记中有以下值：

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

3.
2.

在JS中，我想得到这些值的总和。因此，我对循环进行了以下操作：

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

var div=document.getElementById（“aantallen”）；
var span=div.getElementsByTagName（“span”）；
对于（i=0；i要在Javascript中将字符串转换为Int，请使用：

parseInt（totaalPersonen）；
要在Javascript中将字符串转换为Int，请使用：

parseInt（totaalPersonen）；
您正在每个循环中重新初始化
var totaalPersonen=totaalPersonen+i；
。
因此，您需要在循环外初始化
totaalPersonen
如下
var-totaalPersonen=0；
在循环内只需将其计数，就像
totaalPersonen=totaalPersonen+1；
或只是
totaalPersonen++；
在每个循环中重新初始化
var-totaalPersonen=totaalPersonen+i；
。
因此，您需要在循环外部初始化
totaalPersonen
如下
var totaalPersonen=0；
，在循环内部只需将其计数，如
totaalPersonen=totaalPersonen+1；
或只需
totaalPersonen++；
试试这个
假设您希望在我使用的
innerHTML
范围内添加文本，而不是
I
。
另外，
totaalPersonen
变量应该在for循环之外声明，否则每次都会重新初始化

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].innerHTML));
    totaalPersonen = parseInt(totaalPersonen) + parseInt(spans[i].innerHTML);
    //alert(totaalPersonen);
}
alert(totaalPersonen);

var div=document.getElementById（“aantallen”）；
var span=div.getElementsByTagName（“span”）；
控制台日志（spans）；
var totaalPersonen=0；
对于（i=0；i试试这个
假设您希望在我使用的
innerHTML
范围内添加文本，而不是
I
。
另外，
totaalPersonen
变量应该在for循环之外声明，否则每次都会重新初始化

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].innerHTML));
    totaalPersonen = parseInt(totaalPersonen) + parseInt(spans[i].innerHTML);
    //alert(totaalPersonen);
}
alert(totaalPersonen);

var div=document.getElementById（“aantallen”）；
var span=div.getElementsByTagName（“span”）；
控制台日志（spans）；
var totaalPersonen=0；
对于（i=0；i您需要将
DOM
元素的内容转换为
Number
。
然后，您可以使用
reduce
来计算总和


const span=document.queryselectoral（'aantallen span'）；
const result=Array.from（span）.reduce（（sum，spanElm）=>sum+Number（spanElm.textContent），0）
console.log（结果）；

3.
2.
您需要将
DOM
元素的内容转换为
数字。
然后，您可以使用
reduce
来计算总和


const span=document.queryselectoral（'aantallen span'）；
const result=Array.from（span）.reduce（（sum，spanElm）=>sum+Number（spanElm.textContent），0）
console.log（结果）；

3.
2.
像一个符咒一样工作。感谢您的输入！您可能需要专门针对id:
queryselectoral（“#aantallen span'）
.Updated，thanx。像一个符咒一样工作。感谢您的输入！您可能需要专门针对id:
queryselectoral（“#aantallen span'）
.Updated，thanx。