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来进行处理.

版权声明：本文为博主原创文章，未经博主允许不得转载。