innerHTML和outerHTML有什么区别
Posted zlay - 素喂 Blog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了innerHTML和outerHTML有什么区别相关的知识，希望对你有一定的参考价值。
一、区别：
1）innerhtml:
从对象的起始位置到终止位置的全部内容,不包括Html标签。
2）outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
二、例子1：
<div id="test">
<span style="color:red">test1</span> test2
</div>
1）innerHTML的值是“<span style="color:red">test1</span> test2 ”
2）outerHTML的值是<div id="test"><span style="color:red">test1</span> test2</div>
三. 例子2:
<body> <div>aa</div> </body>
通过document.body.innerHTML获取到的内容是:<div>aa</div>
通过document.body.outerHTML获取到的内容是:<body><div>aa</div></body>
Δ 需要注意的是outerHTML属性只有IE浏览器才有，其它浏览器是不支持的
转自 : innerHTML和outerHTML有什么区别
以上是关于innerHTML和outerHTML有什么区别的主要内容，如果未能解决你的问题，请参考以下文章
input通过id的赋值 js jquery innerHTML和outerHTML 的区别
javascript中的innerHTML，innerText，outerHTML的用法及其区别
什么时候应该在 JavaScript 中使用 outerHTML？ [关闭]