用纯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>
不是只有在console.log()里才成立，console.log只是更方便你写例子看结果。原理跟JS一样。两个变量相加 ，一般只要一个变量为字符串，则按照字符串的方式进行相加得到结果。
两个变量相减，一般会默认将变量转换成number类型再运算。
字符表示符号 比如“，” 字符串表示你的中英文名字比如 “redjoy”, 数字则是年龄 “18”
不造说的清不清楚，先看看JS的基础课程。
1 数字与字符串相加减
2 数字前面补0
3 字符串尾部补全
4 数字转字母
5 格式化金钱
6 字符串去除空格
6.1 去除两端空格. trim()
6.2 消除字符串头部的空格. trimStart():
6.3 消除尾部的空格. trimEnd()
7 Number.parseInt()用来获取一个浮点数的整数部分
8 Number.parseFloat 用来截取数值部分
9 Math.trunc() 用于去除一个数的小数部分，返回整数部分。
10 Math.sign() 用来判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值
11 Math.cbrt()用于计算一个数的立方根。
12 Math.hypot返回所有参数的平方和的平方根。
