textContent与innerText

IE下有个innerText属性,FF下有个textContent属性;

两者在部分情况下可以等效,但在一些特殊情况缺有不同的用法,导致不能互换使用;

innerText:它的内容实际上就是你在浏览器看到的内容。它的值是经过浏览器解释过的结果:它将元素的innerHTML换码、解释,最终显 示出来,然后去除各种格式信息留下的纯文本。它会把<br/>换成换行符,会将多个空格并成一个空格对待,而本来的换行符却并不会引起换 行,IE会将其当作一个普通的单词边界(一般是空格)。再说的形象点,一个元素的innerText属性的值,和你将这个元素内容复制粘贴到记事本里的内 容一致。

textContent:它的内容则是innerHTML去除所有标签后的内容。它会将 innerHTML中的转义字符(&lt;、&nbsp;什么的)进行换码,但是不对任何html标签进行解释,而是直接剔除它们。它也 不会对innerHTML中的文本按照HTML的方式进行格式转换,比如多个空格还会原原本本地保留,不会合并为一个空格,换行符仍然存在(相 反<br/>却不会导致换行)。

posted on 2012-07-21 10:51  All blue  阅读(186)  评论(0编辑  收藏  举报

导航