javascript根据class获取对象

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

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

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #class #jquery #html

JAVASCRIPT 专栏收录该内容

39 篇文章

订阅专栏

本文介绍了一个使用原生JavaScript模拟jQuery中根据类名选取元素的方法。该方法通过遍历指定标签名的所有实例来查找带有特定类名的元素，并将它们收集到一个数组中返回。

jQuery根据class获取对象大家从所周知，灰常的方便。下面不多说

/*
* clsName:给定类名
* tagName：给定的HTML元素，如果为任意 tagName='*'
* ClassElements：返回值
*/
function getElementsByClassName(clsName, tagName) {
    var ClassElements = [];
    selElements = document.getElementsByTagName(tagName);

    for (var i = 0; i < selElements.length; i++) {
        if (selElements[i].className == clsName) {
            ClassElements[ClassElements.length] = selElements[i];
        }
    }
    return ClassElements;
}