innerHTML,innerText,outHTML的用法及区别详解

本文主要是介绍innerHTML,innerText,outHTML的用法及区别详解，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

innerHTML,innerText,outHTML的用法及区别,今天就详细的解说并且带有实例说明。大家一看就明白，进入正题，接下来我们用下面的这段代码做测试

<div id="tianzi"> <span style="color:red">www.seostudying.com</span> </div>

1.tianzi.innerText
它得到的是<div></div>标签中的文本节点的内容，也就是tianzi
2.tianzi.innerHTML
它得到的是<div></div>标签中的所有内容，包括元素节点，属性节点以及文本节点，也就是<span style="color:red">www.seostudying.com</span>
3.tianzi.outerHTML
它得到的是包括<div></div>标签自身及其中的所有内容，也就是<div id="seostudying"><span style="color:red">www.seostudying.com</span></div>
同时也得提醒一下大家，这3个属性都是IE专有的属性，而不是W3C的标准，因而一般的主流浏览器Firefox，Opera，Safari仅仅支持innerHTML，其它两个属性都不支持。建议你使用DOM来进行处理.

这篇关于innerHTML,innerText,outHTML的用法及区别详解的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---