js中innerHTML，innerText，outerHTML的用法与差别

来源：互联网发布：qt tcp socket编程编辑：程序博客网时间：2024/05/01 13:21

在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（/<.+？>/gim，""""））">无HTML，合适W3C标准</a>

转自：http://www.cesclub.com/bw/jishuzhongxin/Webjishu/2011/1110/14455.html