本文介绍在 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
}