innerHtml和innerText的区别

前言

1.在js中可以直接通过id名进行innerHtml和innerText的操作

innerHtml 与 innerText的定义

innerHtml的概念:从对象的起始位置到终止位置的全部内容,包括它的子级下面的标签名
如:

hello

id名为hello的div下面的innerHtml内容就是"hello"
innerText的概念: 从对象的起始位置到终止位置的全部内容(不包含标签名字)
如这个例子:
id名为hello的div下面的innerText内容就是"hello"

例子

运行结果

这是innerHtml运行的结果

这是innerText运行的结果

细节:
对于innerHtml是W3C规范, 而innerText是适合Ie浏览器的,推荐使用innerHtml

使用正则表达式去掉标签名