1.getElementsByTagName 与 querySelectorAll

原文链接
1.querySelectorAll()getElementsByTagName()两个方法都是用来查找DOM元素的。知道querySelectorAll()方法将获取到NodeList对象,getElementsByTagName()方法获取到的是HTMLCollection对象。虽然他们获取的都是DOM动态集合,但两者还是略有差异的。
2.getElementsByTagNamequerySelectorAll 方法快
使用getElementsByTagName方法我们得到的结果就像是一个对象的索引,而通过querySelectorAll方法我们得到的是一个对象的克隆;所以当这个对象数据量非常大的时候,显然克隆这个对象所需要花费的时间是很长的
3.getElementsByTagName 返回值是动态的
querySelectorAll 返回值是静态的

image.png

image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 基本概念 DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Ob...
    许先生__阅读 938评论 0 1
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,553评论 0 21
  • 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它给文档(结构树)提供了一个结构化的表述并且定义了一种...
    mhy_web阅读 459评论 0 0
  • ps:了解这个知识点的原因 前两天我在重温js dom编程的时候,看到了获取dom元素这一章,然后看到了getEl...
    var_Change阅读 1,423评论 0 3
  • 游戏说明 每个玩家控制一个飞机,在网络世界里尽情的pk。前期简单的操作就是左右键、飞行或者停止以及射击键,以及技能...
    三梦子阅读 1,179评论 0 0

友情链接更多精彩内容