首页 > Web开发 > 详细

JS 封装函数getByClass(oParent,classn)

时间:2018-05-06 15:57:30      阅读:390      评论:0      收藏:0      [点我收藏+]

通过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";
}
}

JS 封装函数getByClass(oParent,classn)

原文:https://www.cnblogs.com/luuluuluu/p/8998256.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!