querySelectorAll 和 getElementByTagName()等方法的区别

最新推荐文章于 2022-07-14 17:14:13 发布
最新推荐文章于 2022-07-14 17:14:13 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： HTML 文章标签： selector tagname
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/erciyuan_nuonuo/article/details/53998706
版权

二者详细的使用方法不再做介绍，可以在w3c查阅

二者返回的都是NodeList对象，querySelectorAll不是实时的，而getElementByTagName是实时的。

实时：
假设在一个没有<div>的文档中调用getElementByTagName('div'),此时返回的是一个长度为0的NodeList对象，如果在文档中插入一个<div>元素，此元素将自动成为NodeList的一个成员，并且长度由0变为1

erciyuan_nuonuo
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
再谈querySelector和querySelectorAll的区别与联系
09-05
先按W3C的规范来说这两个方法应该返回的内容吧，大家先看下官方的解释，然后根据需要选择使用
querySelector，getElementById，getElementsByTagName区别
weixin_43869524的博客
01-22 292
获取元素DOM对象有很多种方法，以前一直在用getElementById和getElementsByTagName等，现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象，它是document对象特有的函数，只能通...
JavaScript中 querySelector 与 getElementById 方法的区别
明天也要努力的博客
10-24 1万+
1. 概述 在看代码的时候发现基本上都是用 querySelector() 和 querySelectorAll() 来获取元素，疑惑为什么不用 getElementById()。 可能因为自己没用过那两个，所以并不清楚原因所在。 1.1 querySelector() 和 querySelectorAll() 的用法 querySelector() 方法 定义： querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素； 注意： querySelector() 方法仅返回匹
querySelectorAll 和 getElementByTagName()两种方法使用上的区别
Zero_Zhen10的博客
10-20 424
// var ul = document.getElementsByTagName('ul') // var lis = ul.getElementsByTagName('li') // for (var i = 0;i<lis.length;i++) { // var li = document.createElement('li') // ul.appendChild(li) // }动态获取 会造成死循环 lis.length...
getElementByTagName与querySelectorAll
weixin_43750811的博客
12-30 312
区别1 getElementByTagName： 这种方式获取到的类数组，无法通过 forEach 进行遍历（可以通过for循环） querySelectorAll： 可以通过forEach 进行遍历。 区别2 通过 getElementByTagName 获取这种方式获取到的类数组是动态的；而 querySelectorAll 这种方式获取到的是静态的（但是如果是 querySelectorAl...
jQuery之选择器
缚己
11-03 233
基本选择器 基本选择器和CSS中的基本选择器用法一致，如下代码所示： <body> <button id="btn"></button> <button class="cls box"></button> <button class="cls" id="btn2"></button> <script> // 标签选择器 console.log($('button')) // id选择器
querySelector和getElementById之间的区别
nuanpang的博客
07-14 856
querySelector和getElementById之间的区别
javascript之querySelector和querySelectorAll使用说明
10-28
其实关于querySelector和querySelectorAll的介绍说明很多,在此主要是做个记录
javascript之querySelector和querySelectorAll使用介绍
10-28
其实关于querySelector和querySelectorAll的介绍说明很多。在此主要是做个记录
javascript高级选择器querySelector和querySelectorAll全面解析
10-22
下面小编就为大家带来一篇javascript高级选择器querySelector和querySelectorAll全面解析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
querySelector和getElementById方法的区别
ZS74520的博客
10-31 6681
querySelector、querySelectorAll和getElementById、getElementsByTagName()等的区别 在做开发时， getElementById() 返回带有指定 ID 的元素。 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。 这三类我们都熟知是获取元素的基本方式，但是在学习的过程中，也发现了querySel
querySelectorAll 和 getElementsByTagName区别
W3cplus
05-04 6348
在《DOM的操作》一节中知道querySelectorAll()和getElementsByTagName()两个方法都是用来查找DOM元素的。通过上一节的学习，知道qu...
querySelector与getElementBy等的区别
levinhax的博客
05-06 3万+
获取元素DOM对象有很多种方法，以前一直在用getElementById和getElementsByTagName等，现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象，它是document对象特有的函数，只能
JavaScript基础教程之querySelectorAll( )方法遇到的问题
热门推荐
monkeyfly学前端
01-13 6万+
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 一、前提 最近这两天一直在学习JavaScript的事件委托（或称事件代理），用了两天的时间看完了这篇《js中的事件委托或是事件代理详解》博客，并且将博主提供的案例手动敲了两边，可以说是基本掌握了事件委托的原理和用法。这篇博客对于JavaScript的事件委托的讲解还是比较通俗易懂，详细到位的，在这里向大
getElementByTagName与querySelectorAll的区别
zhangyizuishuai的博客
11-03 366
getElementByTagName与querySelectorAll的区别 通过getElementByTagName获取的是HTMLCollection是会更新的意思就是你如果后期加入getElementByTagName能选中的标签会进行更新获取的内容数组 而querySelectorAll获取的是NodeList节点:如何你后期添加到页面中的符合querySelectorAll能选中的dom元素标签,也不会更新结果数组。 点语法和getAttribute(“target”); setAttribu
querySelector和getElementById性能分析与使用选择
hualimeme的专栏
03-18 1万+
记得我们在jquery里面得到一个元素要比直接使用javascript中的document.getElementById()等方法好用多了。随着现在浏览器的发展，目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。都支持querySelector 和 querySelectorAll 方法是W3C Selectors A
querySelector和getElementById方法
take_relax的博客
11-09 1151
DOM选择符的使用两者区别getElementById使用案例querySelector使用案例 第一次接触DOM选择符querySelector，笔记一下querySelector和getElementById的使用和区别 两者区别 相同点：都是对DOM进行操作，返回HTMLElement对象。 getElementById：动态对象元素，会随着文档的操作而改变。 querySelector：静态对象，返回第一个符合匹配条件的对象。可以使用id、target、class，所以在效率上不敌getEleme
querySelectorAll 方法相比 getElementsBy 系列方法有什么区别？
08-12 914
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 系
getElementByID和getElementsByName和getElementsByTagName和document.all的区别
msg_java2011的专栏
01-13 905
document.all与document.getElementsByName区别 当页面上的控件同名且多个的时候,从程序的严密角度出发,需要判断长度,而且有长度和没长度是两种引用方法. oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下: if(oEle.length){}els
querySelector和querySelectorAll的区别
最新发布
07-17
querySelector和querySelectorAll都是DOM API中的方法，用于选择器来获取元素。 区别如下： 1. querySelector只返回匹配到的第一个元素（如果有多个匹配，只返回第一个），而querySelectorAll返回所有匹配到的元素...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值