innerHTML与innerText及outerHTML的用法区别

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

在 JS中可以行使：

test.innerHTML:

　　也就是从工具的起始位置到终止位置的所有内容,包罗Html标签。

　　上例中的test.innerHTML的值也就是“<span style="color:red">test1< /span> test2 ”。

test.innerText:

　　从起始位置到终止位置的内容, 但它去除Html标签

　　上例中的text.innerTest的值也就是“test1 test2”, 个中span标签去除了。

test.outerHTML:

　　除了包括innerHTML的所有内容外, 还包括工具标签自己。

　　上例中的text.outerHTML的值也就是<div id="test">< span style="color:red">test1</span> test2</div>

完备示例：

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

<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">inerHTML内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>

出格声名：

　　innerHTML是切合W3C尺度的属性，而innerText只合用于IE赏识器，因此，尽也许地去行使innerHTML，而罕用innerText，假如要输出不含HTML标签的内容，可以行使innerHTML取得包括HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简朴的切合W3C尺度的示例：

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/& lt;.+?>/gim,''))">无HTML,切合W3C尺度</a>

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!