innerHTML与innerText的使用和区别

1、innerHTML：获取从对象的起始位置到终止位置的全部内容，包括Html标签。

2、innerText：获取从对象起始位置到终止位置的内容，去除Html标签。

敲重点：innerHTML 是 W3C 标准，因此所有浏览器都支持。而 innerText 是 IE 标准，只适用于 IE 浏览器，因此推荐使用 innerHTML。

代码示例：

<div id="test">
   <span style="color:red">test1</span> test2
</div>

<a href="javascript:alert(document.getElementById('test').innerHTML)">innerHTML内容</a>
<a href="javascript:alert(document.getElementById('test').innerText)">inerText内容（非IE浏览器会输出undefined）</a>

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">去除HTML标签后的文本</a>