js通过class获取元素的方法

最新推荐文章于 2024-12-07 11:43:37 发布

原创最新推荐文章于 2024-12-07 11:43:37 发布 · 1.2w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#通过class获取元

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种在JavaScript中实现的自定义函数，该函数能够根据传入的父元素、标签名及类名来获取页面中符合特定条件的所有元素。

部署运行你感兴趣的模型镜像

function getElementsByClassName(oParent,tagName,className){
    var aEls=oParent.getElementsByTagName(tagName);
    var iLen=aEls.length;
    var arr=[];

    for (var i=0; i<iLen; i++) {
        var aClass=aEls[i].className.split(' ');//将所有class通过‘空格’拆分，存到数组aClass中，然后循环遍历数组aClass，若存在和目标相同的className，则把包含目标class的标签存到数组arr中，跳出循环。
        for (var j=0; j<aClass.length; j++) {
            if (aClass[j]==className) {
                arr.push(aEls[i]);
                break;//防止一个元素含多个相同的className而被多次选中
            }
        }
    }
    return arr;
}