用纯js的话下面这样写:
<span id="a">10</span><span id="b">11</span>
<span id="c"></span>
<script>
var a=document.getElementById("a").innerHTML
var b=document.getElementById("b").innerHTML
var c=Number(a) + Number(b)
document.getElementById("c").innerHTML=c
</script>
parseFloat或者parseInt转换下,不然会当做字符串拼接的。我们这里用的Number来转换,此外还有parseFloat或者parseInt这两个转换函数。
另外,如果你会jQuery的话获取字符串内容那儿可以更加简单点。
<script>
var a=$("#a").html()
var b=$("#b").html()
var c=Number(a) + Number(b)
$("#c").html(c)
</script>
var x=document.getElementById("v1")var y=document.getElementById("v2")
var z=document.getElementById("v3")
z.value = parseInt(x.value) + parseInt(y.value)
另外 id不要只用数字, 要以字母开头
<input type="text" id="v1"/><input type="text" id="v2"/>
<button type="button" onclick="myFunction()">求和</button>
<input type="text" id="v3"/>
<script>
function myFunction() {
var x=document.getElementById("v1")
var y=document.getElementById("v2")
var z=document.getElementById("v3")
z.value = parseInt(x.value) + parseInt(y.value)
}
</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("+"))