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

作者:微光时间:2026-10-27 20:58:55浏览:420

本文介绍了一种使用原生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;
} 
作者最新文章