innerText与textContent的区别

最新推荐文章于 2022-06-01 15:30:58 发布
最新推荐文章于 2022-06-01 15:30:58 发布
阅读量109 收藏
点赞数
分类专栏： innerText textContent
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53313913/article/details/118916168
版权

javascript

While textContent returns the full text contained in a node, innerText returns only the visible text contained in the node.

textContent

返回的是节点里所有的文本文档

innerText

返回的是在节点中只能看见的文本文档

摘自：https://stackoverflow.com/questions/13122760/is-there-any-major-difference-between-innerhtml-and-using-createtextnode-to-fill

~insn~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
innerText和textContent对比及使用介绍
09-05
3. 性能影响：innerText在获取文本时可能触发页面的重排（reflow），因为需要计算格式化后的文本布局，而textContent则不会，因此在大量操作文本时，textContent通常具有更好的性能。 4. 兼容性：innerText在IE浏览...
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
textContent和innerText以及innerHTML的区别，结合demo进行理解
祥哥的说
01-09 6996
先看看下面这个demo，不言自明： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&am
JavaScript中textContent、innerText和innerHTML的用法以及区别
热门推荐
秦哥的博客
09-15 6万+
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容  2.获取标签中的文本内容  2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.innerHTML的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 4.innerText和textContent的区别 1.兼容代码设置任意的标签中间的任意文本内容 ...
innerText和textContent的不同
那谁家的博客
10-18 2521
一、innerText和textContent的不同 不同之一，调用对象不同。 innerText只有HTML元素才可以调用，但是textContent任意Node节点都可以：HTMLElement.innerText和Node.textContent。 不同之二，值获取规则不同。 1. 规则差异之块级元素与换行符 已知有下面一段HTML： <p id="dom">一段文...
细述textContent 与 innerText、innerHTML 的区别
青颜的天空的博客
12-22 1663
Node.textContent 属性表示一个节点及其后代的文本内容。 1. 语法 let text = element.textContent; element.textContent = "some text"; 2. 描述 如果 element 是 Document，DocumentType 或者 Notation 类型节点，则 textContent 返回 null。如果你要获取整个文档的文本以及CDATA数据，可以使用 document.documentElement.textContent。
JavaScript 学习-33.HTML DOM 获取和修改文本节点( textContent，innerText 和 innerHTML)
qq_27371025的博客
06-01 1526
textContent、innerText 和 innerHTML 三个方法的使用场景和区别
javascript textContent与innerText的异同分析
10-28
首先，`innerText` 属性是Internet Explorer特有的，而`textContent` 属性则在Firefox和其他遵循W3C标准的浏览器中被广泛支持。当一些开发者从IE转向其他浏览器时，常常遇到不兼容的问题，因为他们在Firefox中尝试...
JavaScript innerHTML和innerText和textContent的区别
qq_61716556的博客
05-22 867
textContent，innerHTML和innerText都是元素的属性，通过修改这个元素的属性可以达到修改元素内容的目的。但是三者之间略有不同。 innerHTML 表示元素所有的后代html。该范围包括文本节点，注释节点，元素节点等内容。在读写该属性时，我们可以获取一个字符串，这个字符串包括元素内部的内容，包含空格，换行，注释。 innerText 表示元素所有的文本内容，包括文本节点，子元素和后代元素的文本节点。值得注意的是不包括注释内容，设置样式为display为none的话，也不会包含
text和content方法的区别
步步拾遗
09-23 1万+
requests对象的get和post方法都会返回一个Response对象，这个对象里面存的是服务器返回的所有信息，包括响应头，响应状态码等。其中返回的网页部分会存在.content和.text两个对象中。 两者区别在于，content中间存的是字节码，而text中存的是Beautifulsoup根据猜测的编码方式将content内容编码成字符串。 直接输出content，会发现前面存在b'这
innerHtml,innerText以及textContent的区别
m0_48182769的博客
08-09 818
1、innerText就只会输出标签里面的纯文本内容。 2、innerHTML会把元素标签也给输出出来，可以看成无脑搬运，不管是元素还是节点都搬运过来。 3、textContent会把标签解析后搬运。 基本用法可以参考以下代码运行后的结果： <body> <style> button{ background-color: #D59392; } </style> <div id="box"> &
textContent 和 innerText 之间的区别
allway2的博客
05-15 682
1.textContent ： 该属性用于设置或返回所选节点及其所有后代的文本值。在设置 textContent 属性时，所有子节点都会被删除。它被包含指定字符串的单个文本节点替换。 句法 ： 要设置节点的文本 - node.textContent = 文本 返回节点的文本 - node.textContent 2.innerText ： 此属性还设置或返回所选节点及其所有后代的文本值。但是，使用以下示例显示了一些差异。 HTML ..
textContent与innerText的不同
sandy_zc_1的专栏
09-19 1861
很久之前发在boluor的blog上的文章，现在转回自己的blog上。 2009  六月 21 textContent与innerText的不同by  Sandy_zc_1  :因为发现网络上很少有这方面的内容，因此就把自己私有blog上的这篇文章搬出来到Boluor的公开blog，方便其它人查阅。——————————————————————————————————————
textContent、innerHTML、innerText的用法和区别
weixin_45849112的博客
11-07 583
** textContent使用详解 ** Node.textContent 属性表示一个节点及其后代的文本内容。 ** 语法 ** let text = element.textContent; element.textContent = “this is some sample text”; ** 描述 ** 如果 element 是 Document，DocumentType 或者 Nota...
细说innerHTML、innerText、outerHTML、outerText、textContent的区别
lee_slly的博客
07-03 8746
简析 这几个属性都是原生 JS 用来获取和设置 DOM 节点的内容的，但是获取的内容格式和范围却有一些不同。 对比一 先上一段代码 <div id="test"> <span style="color:red">test1</span> test2 </div> var elementNode = document.getElementById('test'); innerHTML 获取或设置从对象的起始位置到终止位置的全.
textContent和innerHtml
weixin_33874713的博客
07-28 144
textContent,innerText, 查询或者设置元素的文本内容。 textContent如，html： <p>test gogo</p> javascript中： var p0 = document.getElementsByTagName("p")[0]; //查询文本内容 var txt = p0.textContent; /...
textContent与innerText的不同（转发）
weixin_30652491的博客
12-19 61
textContent与innerText的不同 IE下有个innerText属性，FF下有个textContent属性。很多以前给IE写脚本的，在FF下找不到innerText属性，于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。 但是实际上，这里有个误解。网上很多文章说“FF下等效于innerText属性的属性是textContent”————但是事实上...
innerHTML outerHTML innerText textContent的区别
win0032的博客
04-22 6433
在网上看了很多博文介绍他们之间的区别，大部分都说FF中innerText不能使用，但经过自己试验，是可以用的，所以自己把各种情况总结了一下。 首先是innerHTML，这个就不用多说了，返回的是标签内部所有的内容，包括标签和文本，还有空格  举两个栗子，对比一下空格导致的输出区别1 123 222 456 这里去除id为main的标签中的innerHTML，结果如上图，
textcontent和innertext区别
最新发布
03-16
textcontent和innertext都是获取元素的文本内容的属性，但是它们的区别在于： 1. textcontent获取的是元素及其所有子节点的文本内容，而innertext只获取元素的文本内容，不包括子节点的文本内容。 2. textcontent获取的文本内容是包括隐藏元素的，而innertext只获取可见元素的文本内容。 3. textcontent获取的文本内容是原始的，包括空格、换行符等，而innertext会去掉空格和换行符。 因此，如果需要获取元素及其所有子节点的文本内容，可以使用textcontent属性；如果只需要获取元素的文本内容，可以使用innertext属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值