js通过class name获得元素

时间:2022-07-23
本文章向大家介绍js通过class name获得元素,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
//原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同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;
}

 

 // 原来class为showye的全去掉    
var XX = getElementsByClassName('shouye');
    for (var i = 0; i < XX.length; i++) {
        XX[i].className = "";
    }