用纯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>
js中./和../的区别如下：
'.'表示是当前目录，'..'表示是上级目录，'./'和'../'分别对应于当前目录和上级目录。
./和../不光是js中才有，一般涉及目录层级的地方都会有。
JS是网络用语，一般是指奸商，多用于商业， 电脑术语中的JS是指JavaScript。
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript，可使网页变得生动。
使用它的目的是与HTML超文本标识语言、Java 脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。
它是通过嵌入或调入在标准的HTML语言中实现的。
在JS“&&”和“||”是逻辑运算符；“&”和“|”是位运算符。
1、运算表达的不同
只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
JavaScript中的位运算符：“|”运算方法：两个位只要有一个为1，那么结果都为1。否则就为0
2、使用方式的不同
只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值
3、运算逻辑的不同
按位与：a&b是把a和b都转换成二进制数然后再进行与的运算；逻辑与：a&&b就是当且仅当两个操作数均为true时，其结果才为true；只要有一个为零，a&&b就为零。
扩展资料
js中的||的使用：
只有前后都是false的时候才返回false，否则返回true；
alert(2||1)//2
前面2是true,后面1也是true,结果是2；
alert('a'||1)//'a'
前面'a'是true，后面1也是true测试结果是'a'；
alert(''||1)//1
前面”是false,后面1是true,而返回结果是1；
alert('a'||0)//'a'
前面'a'是true，而后面0是false,返回结果是'a'；
alert(''||0)//0
前面”是false,后面0同样是false,返回结果是0；
alert(0||'')//''
前面0是false，后面”是false，返回结果是”。
