javascript根据class名和标签取得HTML对象

最新推荐文章于 2024-10-07 00:04:50 发布

原创最新推荐文章于 2024-10-07 00:04:50 发布 · 6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #class

js/jQuery/html/css 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种通过指定的类名和HTML标签来选取相应HTML元素的方法。该方法适用于前端开发，可以帮助开发者快速定位页面中具有特定类名的元素。

根据给定类名和给定HTML标签，取得对应HTML对象

/*
* 取得对应类和标签的HTML元素
* clsName:给定类名
* tagName：给定的HTML元素，如果为任意 tagName='*'
* 
*/
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;
}