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

来源:互联网 发布:手机怎么看淘宝保证金 编辑:程序博客网 时间:2024/06/05 22:12
//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()函数所得出的结果都是一个数组,酌情使用。