textContent与innerText

最新推荐文章于 2024-01-14 21:42:45 发布

转载最新推荐文章于 2024-01-14 21:42:45 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/all-blue/archive/2012/07/21/2602072.html

本文详细对比了IE浏览器下的innerText属性与Firefox浏览器下的textContent属性的区别。innerText属性返回的是浏览器实际显示的文本，它会将HTML标签解释并转换为可见文本，如<br/>会被替换为换行符。textContent则直接返回元素的文本内容，不解析HTML标签，保留原始文本格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE下有个innerText属性，FF下有个textContent属性；

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

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

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

转载于:https://www.cnblogs.com/all-blue/archive/2012/07/21/2602072.html