原生js根據class獲取元素的方法

function getByClass(oParent, sClass){
    var aResult=[];
    var aEle=oParent.getElementsByTagName('*');
    
    for(var i=0;i<aEle.length;i++){
        if(aEle[i].className==sClass)
        {
            aResult.push(aEle[i]);
        }
    }
    
    return aResult;
}


//用法如下
window.onload=function (){
    var oUl=document.getElementById('ul1');
    var aBox=getByClass(oUl, 'box');
    
    for(var i=0;i<aBox.length;i++){
        aBox[i].style.background='red';
    }
};

 

Live and learn！