querySelectorAll 与 getElementsBy***有什么区别？

最新推荐文章于 2024-07-04 16:37:43 发布
最新推荐文章于 2024-07-04 16:37:43 发布
阅读量196 收藏 1
点赞数 1
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITQING677/article/details/128063870
版权

querySelectorAll 方法相比 getElementsBy 系列方法有什么区别？
1.规范不同
querySelectorAll是Selector API中的规范
而getElementsBy系列是DOM系列

2.接受参数不同
querySelectorAll 方法接受的是css选择符

3.一个是静态的一个是动态的。
queryslectorAll是一个静态的nodelist的集合，是集合的一个快照，对文档的任何操作都不会对其产生影响。
getElementByTagName是一个动态的HTMLcolection的集合，每次调用都会重新对文档进行查询

4.NodeList与HTMLColection的区别
NodeList 对象会包含文档中的所有节点，如 Element、Text 和 Comment 等。
HTMLCollection 对象只会包含文档中的 Element 节点。

getElementsByTagName
getElementsByClassName
getElementsByName
getElementsById

小丸子23333
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
再谈querySelector和querySelectorAll的区别与联系
09-05
例如，如果`baseElement`是一个`div`，并且试图从这个`div`的子树中选取匹配的元素，某些浏览器可能会忽视`baseElement`，直接在整个文档中搜索，这与W3C规范不符。 为了避免这种问题，开发者有时会在选择器中指定`...
IE8下关于querySelectorAll()的问题
09-05
在IE8中，querySelectorAll()方法的使用可能会遇到一些与其它浏览器不同的问题，尤其是在处理某些特定选择器时。querySelectorAll()方法是W3C标准的一部分，用于返回文档中匹配指定CSS选择器的所有元素。在IE8中，这...
queryselectorAll() 和 getElementsByTagName()的区别
qq_41818857的博客
03-05 685
queryselectorAll和 getElementsByTagName的区别在于: document.getElementsByTagName() 返回的是一个动态的Node List可以获取js动态增加的节点 而queryselectorAll()返回的是一个静态的Node List，不可以获取js动态增加的节点。 即：在获取了元素的集合后,再插入新的元素,.getElementsByTa...
querySelector，querySelectorAll与getElementByxxx
weixin_45974291的博客
12-28 200
querySelector(只能获取到一个，若没有返null) querySelectorAll(获取所有，若没有返[ ]) 通过querySelectorAll得到的集合是静态的，类似于一个快照，而是用getElementsByClassName得到的是动态的集合，也就是说每一次调用都会去对dom节点进行一次查询。 做个例子： var ul = document.getElementById('ul'); var lits = ul.getElementsByTagName('li') for(var i
querySelectorAll() 和 getElementBy() 方法的区别
weixin_34308389的博客
12-03 1022
2019独角兽企业重金招聘Python工程师标准>>> ...
querySelector跟原始的getElementById的一些区别
casanover
01-05 4909
用惯了jq的选择器以及原始的getElementById以及getElementsByClassName，有些不大懂querySelector以及querySelectorAll。正好趁着晚上有空查了点资料。 大致看了看，说的最多的差别其实还是静态HTMLCollection和动态HTMLCollection的差别。（其中querySelector得到的是第一个匹配的dom元素，并不是HTMLC
querySelector和getElementById方法的区别
ZS74520的博客
10-31 6722
querySelector、querySelectorAll和getElementById、getElementsByTagName()等的区别 在做开发时， getElementById() 返回带有指定 ID 的元素。 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。 这三类我们都熟知是获取元素的基本方式，但是在学习的过程中，也发现了querySel
javascript之querySelector和querySelectorAll使用说明
10-28
与 `querySelector` 不同，`querySelectorAll` 的结果是静态的，这意味着当你在获取结果后修改DOM，原有的列表不会更新以反映这些变化。 在提供的示例代码中，`$('inner').querySelectorAll('#main h4.inside')` 这...
delta-kor.github.io:永远* IZ
03-17
描述中的内容重复了标题，没有提供额外的信息，因此我们主要依赖标签"JavaScript"来推测这个项目与JavaScript编程语言有关。 JavaScript是一种广泛使用的、轻量级的解释型编程语言，主要用于客户端的网页开发，用于...
querySelectorAll 方法相比 getElementsBy 系列方法有什么区别？
08-12 934
1. W3C 标准 querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。 2. 浏览器兼容 querySelectorAll 已被 IE 8+、FF 3.5+、Safari 3.1+、Chrome 和 Opera 10+ 良好支持 。 getElementsBy 系
querySelectorAll 和 getElementByTagName()等方法的区别
erciyuan_nuonuo的博客
01-03 2106
二者详细的使用方法不再做介绍，可以在w3c查阅二者返回的都是NodeList对象，querySelectorAll不是实时的，而getElementByTagName是实时的。实时： 假设在一个没有<div>的文档中调用getElementByTagName('div'),此时返回的是一个长度为0的NodeList对象，如果在文档中插入一个<div>元素，此元素将自动成为NodeList的一个成员
querySelector与getElementBy等的区别
热门推荐
levinhax的博客
05-06 3万+
获取元素DOM对象有很多种方法，以前一直在用getElementById和getElementsByTagName等，现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象，它是document对象特有的函数，只能
getElementByXXX和querySelector的区别？
jiang7701037的博客
06-12 1550
querySelector 属于 W3C 中的 Selectors API 规范 。而 getElementsBy 系列则属于 W3C 的 DOM 规范"都是JavaScript中获取HTML元素的方法，都能够完成DOM对象的获取，以下是区别：1、getXXXByXXX 获取的是动态集合，querySelector获取的是静态集合。简单的说就是，动态就是选出的元素会随文档改变，静态的不会，取出来之...
getElementByTagName与querySelectorAll的区别
zhangyizuishuai的博客
11-03 377
getElementByTagName与querySelectorAll的区别 通过getElementByTagName获取的是HTMLCollection是会更新的意思就是你如果后期加入getElementByTagName能选中的标签会进行更新获取的内容数组 而querySelectorAll获取的是NodeList节点:如何你后期添加到页面中的符合querySelectorAll能选中的dom元素标签,也不会更新结果数组。 点语法和getAttribute(“target”); setAttribu
querySelectorAll 和 getElementsByTagName区别
W3cplus
05-04 6412
在《DOM的操作》一节中知道querySelectorAll()和getElementsByTagName()两个方法都是用来查找DOM元素的。通过上一节的学习，知道qu...
querySelectorAll和getElementsByClassName获取元素的区别
qq_44885374的博客
06-13 1178
querySelectorAll和getElementsByClassName获取元素的区别 querySelectorAll()方法是HTML5新增的方法，通过传入一个css选择符，返回所有匹配的元素而不仅仅是一个元素。这个方法返回的是一个NodeList的实例， getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为HTMLCollection对象。 HT...
Vuex 核心揭秘：打造高效前端状态库
a3098448071的博客
07-03 1035
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
WHAT - NextJS 的路由系统和 react-router-dom
最新发布
weixin_58540586的博客
07-04 804
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。
在 .NET 8 Web API 中实现弹性
技术探索驿站
07-03 537
通过执行这些步骤，您已使用 Microsoft.Extensions.Http.Resilience 库将弹性集成到 .NET 8 Web API 项目中。重试策略、断路器设置和超时将有助于确保您的 API 能够抵御瞬时故障，从而提高其可靠性和用户体验。
document.querySelectorAll("*")具体使用，请给出完整的使用示例
06-08
注意，`querySelectorAll` 方法返回的是 NodeList 对象，它看起来和数组很像，但是不是真正的数组，因此不能使用数组的方法对其进行操作。如果需要对 NodeList 进行数组操作，需要先将其转换为数组。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值