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

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

function getByClass(sClass){

    var aResult=[];

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

    for(var i=0;i<aEle.length;i++){

       /*当className相等时添加到数组中*/

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

            aResult.push(aEle[i]);

        }

    }

    return aResult;

};


调用方法(实际使用)：

window.onload=function (){

    var aBox=getByClass("box");

    for(var i=0;i<aBox.length;i++){

       alert(aBox[i].innerHTML);

    }

};
----------------------------------------------------------------------
2::::::::::::::::::;如<div class="box aa bb"></div>，我们可以将class通过空格拆分成数组，如果要获取的class满足数组中的一个元素，那么就获得此元素。


方法代码如下：

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

    var aResult=[];

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

    for(var i=0;i<aEle.length;i++){

        /*将每个className拆分*/

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

        for(var j=0;j<arr.length;j++){

            /*判断拆分后的数组中有没有满足的class*/

            if(arr[j]==sClass){

                aResult.push(aEle[i]);

            }

        }

    }

    return aResult;

};