javascript 封装一个class选择器

javascript 封装一个class选择器

 缺点是选择不了如 <li class="ccc abc">class为ccc abc<> 这种含有多个class的节点 

<ul id="ul1">
    <li>1</li>
    <li>2</li>
    <li class="ccc">class为ccc</li>
    <li>4</li>
    <li class="ccc">class为ccc</li>
    <li class="ccc">class为ccc</li>
    <li class="ccc abc">class为ccc abc</li>
    <li>8</li>
</ul>
<script>
function getByClass(oParent,sClasss)
{
    var aEle = oParent.getElementsByTagName("*");//获取所有元素节点
    var aResult = [];
    for(var i=0; i<aEle.length; i++)
    {
        if(aEle[i].className == sClasss)
        {
            aResult.push(aEle[i]);
        }
    }
    return aResult;
}
var oUl = document.getElementById("ul1");
var aCcc = getByClass(oUl,"ccc");
for(var i=0; i<aCcc.length; i++)
{
    aCcc[i].style.backgroundColor = "red";
}
</script>