JavaScript原生实现按class名获取元素集合的方法

作者:微光

时间:2026-10-27

浏览:419

本文介绍了一种使用原生JavaScript实现按class名称获取元素集合的方法。通过遍历所有DOM节点并比对className属性,筛选出匹配的元素。该方法兼容旧版浏览器,无需依赖jQuery等库,适合需要轻量级解决方案的场景。

文章目录
// 代码结束

原生JS按class名获取元素集合的实现

具体实现代码如下所示:

 
function getElementsByClassName(n) {
var classElements = [], allElements = document.getElementsByTagName('*');
for (var i=0; i< allElements.length; i++ )
{ 
if (allElements[i].className == n ) {
classElements[classElements.length] = allElements[i];
} 
} 
return classElements;
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章