JS DOM之getElementsByClassName

最新推荐文章于 2024-06-25 01:50:37 发布

SkullSky

最新推荐文章于 2024-06-25 01:50:37 发布

阅读量1.2k

点赞数 1

分类专栏：前端开发文章标签： JS getElementsByClassNa

本文链接：https://blog.csdn.net/SkullSky/article/details/61917334

版权

本文介绍了JavaScript中实现获取指定类名元素的多种方法，包括基础版本和优化版本，适用于处理嵌套类名和避免重复计算的情况。示例代码展示了如何获取类名为'box'的元素，包括从整个文档、特定父元素以及特定标签中查找。

摘要由CSDN通过智能技术生成

实现代码：

function getElementsByClassName(parent,tagName,className){

    var aEls = parent.getElementsByTagName(tagName);
    var arr = [];

    for(var i=0; i<aEls.length; i++){

	var aClassName = aEls[i].className.split(' ');

	for(var j=0; j<aClassName.length; j++){
		if(aClassName[j] == className){
			arr.push(aEls[i]);
			// 避免联级类名重复计算
			break;
		}

	}
    }
    return arr;
}

基本原理：

要查找指定区域中类名为classn