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
outerHTML，innerHTML，innerText区别
原文：http://www.cnblogs.com/AndyCf/p/5206674.html