最近归纳总结了一些javascript知识，分享给大家。这篇文章主要讲了javascript 中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标准的示例：
8cfcdebaded3116bde12aa0968ae4746/gim,''))>无html,符合w3c标准5db79b134e9f6b82c0b36e0489ee08ed。
以上就是javascript中innerhtml、innertext和outerhtml的区别的详细内容。