html两个值相加,js网页客户端控件的值相加的多种办法

在客户端的控件里面的内容，如果为数字，想要实现算术运算的话，只需要进行简单的转化，即可。

比如，下面就是错误的方法：

document.getElementById("span1").innerHTML+document.getElementById("span2").innerHTML

如果两个span里面的内容为2的话，那么，上述代码的结果为22，而不是4，说明未能进行正常的算术运算，而是进行了简单的拼接，下面我们看正确的方法。

第一种方法：将值赋值给变量

var a = document.getElementById("span1").innerHTML

var b = document.getElementById("span2").innerHTML

此时，a+b的结果就是4

第二种方法：使用*1的办法

document.getElementById("span1").innerHTML+document.getElementById("span2").innerHTML　改为如下的代码

document.getElementById("span1").innerHTML*1+document.getElementById("span2").innerHTML*1　此时，可得到4的结果。

我看哪，使用第二种方法更合适。