js className 封装函数

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>className</title>
<script>
function getclass(oparent,sclass){
var aResult=[];
var aEle=document.getElementsByTagName("*");
for(var i=0;i<aEle.length;i++){
if(aEle[i].className==sclass){
aResult.push(aEle[i]);
}
}
return aResult;
}

window.onload=function(){
var ull=document.getElementById("ull");
var aBox=getclass(ull,'box');
for(var i=0;i<aBox.length;i++){
aBox[i].style.background="red";
}
// var ullist=ull.getElementsByTagName("li");
// for(var i=0;i<ullist.length;i++){
// if(ullist[i].className=="box"){
// ullist[i].style.background="red";
// }
// }
}
</script>
</head>
<body>
<ul id="ull">
<li class="box"></li>
<li></li>
<li></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li></li>
<li></li>
</ul>
</body>
</html>

posted @ 2018-09-09 16:25  quitpoison  阅读(167)  评论(0)    收藏  举报