innerText和textContent的区别

news/2024/12/4 19:45:06/

innerText和textContent的区别

  1. 设置文本替换时,两者都会把指定节点下的所有子节点也一并替换掉。
  2. textContent 会获取所有元素的内容,包括 <script><style> 元素,然而 innerText 不会。
  3. innerText 受 CSS 样式的影响,并且不会返回隐藏元素的文本,而textContent会。
  4. 由于 innerText 受 CSS 样式的影响,它会触发重排(reflow),但textContent 不会。
  5. innerText 不是标准制定出来的 api,而是IE引入的,所以对IE支持更友好。
  6. textContent虽然作为标准方法但是只支持IE8+以上的浏览器,在最新的浏览器中,两个都可以使用。
  7. 综上,Vue这里使用textContent是从性能的角度考虑的。
对于第3点的理解

注意是不可以获取隐藏的子元素里的文本内容!!!但如果是对有隐藏效果的父元素取值的话,无论它的子元素是否带有隐藏属性,都是可以取到文本内容的
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述

从性能上考虑的话,textContent的性能的确要比innerText的执行效率要高

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


http://www.ppmy.cn/news/549909.html

相关文章

wine qq 2013 for linux Ubuntu 64位兼容

wine qq 2013 for linux Ubuntu 64位兼容 由 smile 2011-04-07 9:08 ----------------------------------------------------------------------- | wine qq 2013 for linux Ubuntu 64位兼容 ----------------------------------------------------------------------- | 作…

ExtJs 实现类似QQ的提示消息框

ExtJs实现类似QQ的提示消息框 1 扩展Ext.Window控件 Ext.namespace("Ext.ux"); Ext.ux.SysMsgWindowManager { positions: [] }; Ext.ux.SysMsgWindow Ext.extend(Ext.Window, { setTitle: function(title, iconCls){ Ext.ux.SysMsgWindow.super…

textContent和innerText的区别

textContent和innerText的区别 通过冰山工作室音频学习的记录 : 起因 : 火狐浏览器把innerText换成了textContent , 但 其他浏览器上面,也是可以使用textContent的 . 平常我们使用的时候 , 一般都是先判断浏览器是否支持textContent ,那textContent和innerText有什么区别呢 ?…

枚举进程加载模块

版权声明&#xff1a;本文为博主原创文章&#xff0c;转载请在显著位置标明本文出处以及作者网名&#xff0c;未经作者允许不得用于商业目的。 在教程 vb.net 教程 6-3 进程加载的模块 中详细讲解了使用 Process类的modules属性&#xff0c;该属性可以获取进程加载的所有Dll文…

Content-Type: text/html;

** Content-Type: text/html; ** 它的意思是设置页面内容是html&#xff0c;编码格式是utf-8。 header()函数的作用是&#xff1a;发送一个原始 HTTP 标头[Http Header]到客户端。 标头 (header) 是服务器以 HTTP 协义传 HTML 资料到浏览器前所送出的字串&#xff0c;在标头…

Ubuntu下安装QQ(wineQQ)

谢天谢地&#xff0c;谢计算机大佬&#xff0c;在linux下搞出qq&#xff0c;没QQ&#xff0c;办公还真是不行&#xff0c;虽然有其它的传输方式&#xff0c;但总觉没有那么方便呀"。这真是个奇迹。 先安装wine&#xff0c;三条指令&#xff0c;注意&#xff1a;不是默认的…

去掉QQ迷你新闻的方法

1、打开QQ安装后的文件夹&#xff0c;单击菜单栏“工具”→文件夹选项&#xff0c;在打开的“文件夹选项”对话框中选择“查看”选项卡&#xff0c;在“高级设置”框中把“隐藏已知文件类型的扩展名”项前边的勾去掉。 2、在QQ安装后的文件夹中找到QQexternal.exe&#xff08;不…

Ubuntu 13.04下安装QQ2012

试了下在刚发布的Ubuntu 13.04下安装QQ2012&#xff0c;请根据自己的机器类型下载后按照下面的32位或64位安装说明安装。 下载网址&#xff1a;http://www.longene.org/download/ 直接下载地址&#xff1a;http://www.longene.org/download/WineQQ2012-20120719-Longene.de…