如果我理解了您的问题，您可以使用Document.getElementsByClassName()来获取匹配的span，然后迭代它们并调用parseInt()，如下所示：

var arr = document.getElementsByClassName("gap");
var sum = 0;
for (let i = 0; i < arr.length; i++) {
  sum += parseInt(arr[i].textContent);
}
console.log(sum);

<span class="gap">1</span>
 <span class="gap">2</span>
 <span class="gap">1</span>
 <span class="gap">2</span>

首先，您应该从HTML中提取值。
然后你应该把它们转换成数字和总和。
我在假设没有其他元素具有class="gap"的情况下编写了这个代码;否则，应该编写父元素选择器而不是document。

let gapsElements = document.querySelectorAll('.gap');
let sum = 0;
for (i = 0; i < gapsElements.length; i++) {
    const gapValueInt = +gapsElements[i].innerText;  // the '+' before 'arr' will convert a string to number;
    sum += gapValueInt;  
}
console.log(sum);

我替换了前缀以使其更标准，并删除了array var，因为我们不需要它。