兼容ie5-ie11及其他主流浏览器的js document.getElementsByClassName 方法

最新推荐文章于 2021-07-18 21:51:41 发布

阅读量101

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jsoncode/p/3815205.html

本文介绍了如何使用getElementsByClassName方法在JavaScript中选择具有特定类名的HTML元素，并提供了示例代码。

var getElementsByClassName = function(searchClass,node,tag) {
    if(document.getElementsByClassName){
        return  document.getElementsByClassName(searchClass)
    }else{    
        node = node || document;
        tag = tag || '*';
        var returnElements = []
var els =  (tag === "*" && node.all)? node.all : node.getElementsByTagName(tag);
        var i = els.length;
        searchClass = searchClass.replace(/\-/g, "\\-");
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
        while(--i >= 0){
            if (pattern.test(els[i].className) ) {
                returnElements.push(els[i]);
            }
        }
        return returnElements;
    }
}
//调用方法
var shiToolBox=document.getElementsByClassName("aaa");

原分享地址：http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1529640.html

转载于:https://www.cnblogs.com/jsoncode/p/3815205.html