原生js根据class获取元素的方法 - 明启心动

原生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！