js字符串数值转换

今天在调试代码时遇到一js问题，开始时觉得奇怪，因为代码结构基本一模一样，可是运行结果就是有差别。问题的两行代码如下：
spanAValue= document.getElementById('spanA').innerHTML-1;
spanBValue = document.getElementById('spanB').innerHTML+1;
假设spanA和spanB中都是数字100，可是运行结果却很奇怪一个是99，一个是1001
结果发现原来是js中的弱类型所致，默认的innerHTML取出来的都是string类型，可是运行减运算时，string会被强制转为数字，而运行加运算时，浏览器解释为两个字符串的连接处理操作了
解决方法是用字符串转换函数parseInt(),或Number()函数。
spanAValue= document.getElementById('spanA').innerHTML-1;
spanBValue = parseInt(document.getElementById('spanB').innerHTML)+1;
这样代码就不会运行出错了

注：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。
Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。还记得吗，parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串，因此 "4.5.6 "将被转换为 "4.5 "。用Number()进行强制类型转换， "4.5.6 "将返回NaN，因为整个字符串值不能转换成数字