getElementsByClassName这个坑

最新推荐文章于 2025-05-16 15:18:00 发布

石乐志123333

最新推荐文章于 2025-05-16 15:18:00 发布

阅读量1.3k

点赞数

本文探讨了JavaScript中使用getElementsByClassName()方法选取DOM元素的技术细节。该方法允许开发者通过类名选择元素，并且在HTML5中得到标准化。文章解释了如何通过单一或多个类名选择目标元素。

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

使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对DOMContentReady,这种类函数的缺失导致开发人员需要自己编写自定义脚本业执行上述任务,许多这个类脚本都是围绕着getElementsByClassName()建立的,这种解决方法在HTML5中被标准化,另外,这种方法还本地存在于现代浏览器中,getElementsByClassName()只使用一个字符串值作为输入.并返回一个Nodelist,这个NodeList包含所有类名称匹配这个字符串值的元素:
var el = document.getElementsByClassName('foo');
通过在字符串中使用空格分隔类,也可以匹配多个类,下面的代码挑选出了所有既拥有foo类名称又拥有bar类名称的元素:

var el = document.getElementsByClassName('foo bar');

所以getElementsByClassName返回的是个NodeList的玩意，跟数组不一样

数组能做的，NodeList经常做不了

array.sort()可以执行

NodeList.sort()就不行