原生JS解决getElementsByClassName浏览器兼容问题(适用于多个类名)

//getElementsByClassName兼容问题解决，返回一个同类名的元素数组
var getElementsByClassName = function(classname) {
    //如果浏览器支持getElementsByClassName，使用现有方法
    if(document.getElementsByClassName) {
        return document.getElementsByClassName(classname);
    }else{
        //定义一个数组保存所要获取的变量
        var results=new Array();
        var elems=document.getElementsByTagName("*");
        for (var i=0;i<elems.length;i++) {
            if(elems[i].className){
                //将className通过空格分开并保存到数组
                var elem_classname = new Array();
                elem_classname = elems[i].className.split(' ');
                for (var j=0;j<elem_classname.length;j++) {
                    //如果传入的类名和循环的类名相同，返回这个元素到results数组
                    if (classname == elem_classname[j]) {
                        results.push(elems[i]);
                    }
                }
            }
        }
        return results;
    }
}

注意：

getElementsByClassName()方法和上述getElementsByClassName()函数所得出的结果都是一个数组，酌情使用。