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