js通过class获取元素时的兼容性解决方案



1:::::方法代码如下:

function getByClass(sClass){

    var aResult=[];

    var aEle=document.getElementsByTagName('*');

    for(var i=0;i
       /*当className相等时添加到数组中*/

       if(aEle[i].className==sClass){

            aResult.push(aEle[i]);

        }

    }

    return aResult;

};


调用方法(实际使用):

window.οnlοad=function (){

    var aBox=getByClass("box");

    for(var i=0;i
       alert(aBox[i].innerHTML);

    }

};
----------------------------------------------------------------------
2::::::::::::::::::;如

,我们可以将class通过空格拆分成数组,如果要获取的class满足数组中的一个元素,那么就获得此元素。


方法代码如下:

function getByClass(oParent,sClass){//oParent获取类的父元素

    var aResult=[];

    var aEle=oParent.getElementsByTagName('*');
   

    for(var i=0;i
        /*将每个className拆分*/

        var arr=aEle[i].className.split(/\s+/);

        for(var j=0;j
            /*判断拆分后的数组中有没有满足的class*/

            if(arr[j]==sClass){

                aResult.push(aEle[i]);

            }

        }

    }

    return aResult;

};

转载于:https://www.cnblogs.com/huangshikun/p/6526869.html

你可能感兴趣的:(js通过class获取元素时的兼容性解决方案)