innerHTML,innerText,outHTML的用法及区别详解 | 胡鹏博客
首页 > js资料 > innerHTML,innerText,outHTML的用法及区别详解
2013二月27

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

innerHTML,innerText,outHTML的用法及区别,今天胡鹏就详细的解说并且带有实例说明。大家一看就明白,进入正题,接下来我们用下面的这段代码做测试
<div id="seostudying"> <span style="color:red">www.seostudying.com</span> </div>

1.seostudying.innerText
它得到的是<div></div>标签中的文本节点的内容,也就是seostudying

2.seostudying.innerHTML
它得到的是<div></div>标签中的所有内容,包括元素节点,属性节点以及文本节点,也就是<span style="color:red">www.seostudying.com</span>

3.seostudying.outerHTML
它得到的是包括<div></div>标签自身及其中的所有内容,也就是<div id="seostudying"><span style="color:red">www.seostudying.com</span></div>

同时也得提醒一下大家,这3个属性都是IE专有的属性,而不是W3C的标准,因而一般的主流浏览器Firefox,Opera,Safari仅仅支持innerHTML,其它两个属性都不支持。建议你使用DOM来进行处理
下面我们可以来进行相关的测试

www.seostudying.com

innerText属性;
innerHTML属性;
outerHTML属性;

更多

文章作者:东莞seo
本文链接地址:http://www.seostudying.com/1084.html
欢迎转载,转载请注明出处»胡鹏博客 [innerHTML,innerText,outHTML的用法及区别详解]

本文目前尚无任何评论.
您必须在 登录 后才能发布评论.