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>
(adsbygoogle = window.adsbygoogle || []).push({});