JavaScript 实现 getElementsByClassName 方法及使用示例

作者:竹影时间:2026-10-27 08:22:39浏览:364

本文介绍在 JavaScript 中获取具有特定 class 的元素的方法,并提供一个自定义的 getElementsByClassName 函数实现。该函数遍历所有 DOM 元素并筛选出匹配 class 名称的元素,返回元素数组。文章包含完整的代码示例及使用说明,帮助开发者理解原生 JS 中 DOM 遍历与类名匹配的逻辑。

JavaScript 获取 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;
}
var redClassElements = getElementsByClassName('aa'); 
for (var i=0; i<redClassElements.length; i++) { 
 //do something
}
作者最新文章