textContent与innerText

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

textContent与innerText相关推荐

textContent与innerText的不同（转发）
textContent与innerText的不同 IE下有个innerText属性,FF下有个textContent属性.很多以前给IE写脚本的,在FF下找不到innerText属性,于是网上搜到的建 ...
textContent与innerText的不同(转)
textContent与innerText的不同 by Sandy_zc_1 :因为发现网络上很少有这方面的内容,因此就把自己私有blog上的这篇文章搬出来到Boluor的公开blog,方便其它人 ...
javascript textContent与innerText的异同分析
textContent与innerText的不同 IE下有个innerText属性,FF下有个textContent属性.很多以前给IE写脚本的,在FF下找不到innerText属性,于是网上搜到的 ...
textContent和innerText属性的区别
原文摘自 textContent和innerText属性的区别 <!DOCTYPE html> <html><head><meta charset=" ...
JavaScript中textContent、innerText和innerHTML的用法以及区别
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.inne ...
textContent 和 innerText 之间的区别
1. textContent : 该属性用于设置或返回所选节点及其所有后代的文本值.在设置 textContent 属性时,所有子节点都会被删除.它被包含指定字符串的单个文本节点替换. 句法 : 要设 ...
textContent 和 innerText
相同点 Gets or sets the text content of a node and its descendents. ---- MDN Node.textContent两者都是返回一个节点 ...
textContent、innerHTML、innerText、outerText、outerHTML、nodeValue使用场景和区别
今天要讲的这些属性都可以用来获取某个元素的内容,你可能会觉得不可思议,或是说上一句"丧心病狂"也.但当你看完以下内容后,会发现除outerText无用外,其他的都有各自的使用场景, ...
js text 和 html,JS DOM innerText和textContent的区别
innerText和textContent很多人会困惑,因为都可以用来获取文本内容,实际上,两者还是有很多区别的,本文就将介绍这两个属性的异同,希望可以对大家的学习有所帮助. 一.之前错误的认识 in ...
innerText textContent innerHTML
innerHTML Element.innertHTML 设置和获取元素的HTML innerHTML 元素内部的所有内容都会被删除 outerHTML 替换包含父元素的所有内容获取源码 <! ...

textContent与innerText

textContent与innerText相关推荐

最新文章

热门文章