JS 封装函数getByClass(oParent,classn)
通过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";
}
}