JS 封装函数getByClass(oParent,classn)

Posted 2020-11-03 luuluuluu

通过className调用元素Element

function getByClass(oParent,classn)    //oParent,classn 为封装函数getByClass()中的两个形式参数
{
var aEl=oParent.getElementsByTagName(‘*‘);   //因为还不知道调用哪个元素，所以用通配符*
var aResult=[];
for(var i=0;i<aEl.length;i++)
{
if(aEl[i].className==classn)       //如果数组aEl中存在className与classn一致，则添加进入数组aResult中
aResult.push(aEl[i]);                  //array.push()方法指将aEl[i]添加到数组array末尾
}
return aResult;
}
window.onload=function(){
var oUl1=document.getElementById("ul1");
var oUl2=document.getElementById("ul2");
var aLook1=getByClass(oUl1,"a");        //调用getByClass()方法，输入oParent,classn的实际参数
var aLook2=getByClass(oUl2,"b");
for(var i=0;i<aLook1.length;i++)
{
aLook1[i].style.background="#ccc";
}
for(var i=0;aLook2.length;i++)
{
aLook2[i].style.background="#666";
}
}