Html5中getElementsByClassName和querySelector的区别

Tony_FE

于 2020-03-19 14:30:43 发布

阅读量440

点赞数

CC 4.0 BY-SA版权

分类专栏： html5 文章标签： html javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/ixx_0/article/details/104965376

html5 专栏收录该内容

1 篇文章

订阅专栏

本文深入解析了CSS中getElementsByClassName与querySelector的区别与用法。前者用于获取一个或多个类名的元素，返回动态NodeList；后者则能更灵活地查询标签、类、ID等，返回静态快照形式的NodeList。掌握这两种选择符，将有效提升前端开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两者都是 CSS 选择符，返回与该模式匹配的元素，区别如下

getElementsByClassName

1、参数可包含一或多个类名，类名的先后顺序不重要,类名前不加“.”

document.getElementsByClassName("username current");

2、返回带有指定类的所有元素的 NodeList，是动态查询的过程

querySelector

1、可查询标签、类、id等，参数只包含一个类名，且类名前需加“.”

document.querySelectorAll(".selected");

1、返回带有指定类的所有元素的 NodeList，一组元素的快照，而非不断对文档进行搜索的动态查询

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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