outerHTML，innerHTML，innerText区别

outerHTML可以用来更改或获取元素内所有的html和文本内容，包含引用该方法元素自身的标签.

innerHTML是用来获取元素内的html内容和文本.

innerText只获取元素内的文本内容，html标签将被忽略.

以上三者方法类似大家不要混淆.

注意outerHTML、innerText不是W3C标准，使用时请注意浏览器兼容性!

 

例如：

<div id="div1">
<ul style="display:none;">
<li></li>

111
</ul>
</div>

var outHtml = document.getElementById("div1").outerHTML;

返回结果：

<div id="div1">

<ul style="display:none;">

<li></li>

111

</ul></div>

var inntHtml = document.getElementById("div1").innerHTML;

返回结果：

<ul style="display:none;">
<li></li>

111
</ul>

var textHtml = document.getElementById("div1").innerText;
返回结果：111