InnerHtml outerHtml区别

innerHtml和outerHtml都是JavaScript中DOM节点对象的属性。

innerHtml是用来获取或设置某个元素节点的所有子节点（包括文本节点）的HTML内容，但不包括该元素本身的HTML标签。

outerHtml是用来获取或设置某个元素节点的完整HTML内容，包括该元素本身的HTML标签和所有子节点的HTML内容。

例如，对于如下HTML代码：

<div id="test">Hello <span>world</span>!</div>

使用`document.getElementById("test").innerHTML`获取的结果是：

Hello <span>world</span>!

而使用`document.getElementById("test").outerHTML`获取的结果是：

<div id="test">Hello <span>world</span>!</div>