我猜你的问题出在获取span的内容上，如果你直接用 a.innerHTML + b.innerHTML ，得到的不是21，而是1011。
原因并不是因为 js 中不能直接进行加法运算，而是因为数据类型导致。
要记住一点：所有通过标签获取到的内容，都是字符串。
也就是说，通过标签的， value, innerHTML 等得到的值，都是一个字符串值，而js中，用加号来对字符串进行求和，实际是做字符串连接。比如 '1' + '2' ，得到的是 '12'，而不是3. 因为加号左右都是字符串。在js 中，只要加号的任何一边的值是字符串，最终都是进行字符串连接，而不是求和。
想要实现求和，就需要把字符串变成数字，再使用加号，在js中，将字符串变成数字最简单的做法是乘以1，比如 '1'*1 + '2'*1 ，结果就是3了。这个属于JS的隐式类型转换，如果你学过这个知识点，自然知道是什么意思 ，如果还没学过，那就先知道这个技巧就行。
所以你上面的效果，要实现求和，只需要这样：
a.innerHTML * 1 + b.innerHTML * 1， 就可以实现求和啦。
这是JavaScript浮点运算的一个bug。解决的方法是自己写一个加法运算函数。<script>
//加法函数，用来得到精确的加法结果
//说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
//调用：accAdd(arg1,arg2)
//返回值：arg1加上arg2的精确结果
function accAdd(arg1,arg2){
var r1,r2,m
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2))
return (arg1*m+arg2*m)/m
}
//给Number类型增加一个add方法，调用起来更加方便。
Number.prototype.add = function (arg){
return accAdd(arg,this)
}
var i=0.069
i=i.add(0.121).add(0.597).add(0.213)
document.getElementById("output").innerHTML=i
</script>
js数组求和的方法
vararray = [1,2,3,4,5]
varsum =0
1.for循环
for(leti =0i <array.lengthi++) {
sum += array[i]
}
2.forEach
array.forEach(ele=>{
sum += ele
})
3.归并方法reduce()和 reduceRight()
//这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中， reduce()方法从数组的第一项开始，逐个遍历到最后。
//而 reduceRight()则从数组的最后一项开始，向前遍历到第一项
varsum1 = array.reduce(function(prev, next, index, array){
returnprev + next
})
varsum2 = array.reduceRight(function(last, before, index, array){
returnlast + before
})
4.eval()
eval(array.join("+"))
