innerHTML与innerText功能的强大

例：

　　<div id="study">
　　　　<span style="color:red">学习</span>study
　　</div>

在JS中：

innHTML：可以获取标签（获取元素内部的内容），也可以解析标签

在上例中，也就是说study.innerHTML的值也就是“<span style="color:red">学习</span> study ”。

innerText：只获取文本，设置时，全部当作文本，不能解析标签

在上例中，也就是说study.innerText的值也就是“学习 study”

outerHTML： 可以获取到最外层的标签和标签里内容（获取标签时包括自己）

在上例中，值就是：<div id="study"><span style="color:red">学习</span>study</div>

注：它们虽然功能强大，但有一定的兼容性。