封装好的元素方法如下:
function getByClass(oParent,sClass){
var aEle=oParent.getElementsByTagName('*');/*其中“*”表示通配符,可以表示元素*/
var aResult=[];/*将选中的元素放在这个数组里*/
for(var i=0;i<aEle.length;i++){
if(aEle[i].className==sClass){
aResult.push(aEle[i]);/*将选中的元素放在这个数组里*/
}
}
return aResult;
}
调用这个方法的例子:
<scripttype="text/javascript">
functiongetByClass(oParent,sClass){
varaEle=oParent.getElementsByTagName('*');/*其中“*”表示通配符,可以表示元素*/
var aResult=[];/*将选中的元素放在这个数组里*/
for(var i=0;i<aEle.length;i++){
if(aEle[i].className==sClass){
aResult.push(aEle[i]);/*将选中的元素放在这个数组里*/
}
}
return aResult;
}
window.οnlοad=function(){
varoUl=document.getElementById('ull');
varaBox=getByClass(oUl,'box');
for(vari=0;i<aBox.length;i++){
aBox[i].style.background='red';
}
};
</script>
</head>
<body>
<ul id="ull">
<liclass="box"></li>
<liclass="box"></li>
<li></li>
<li></li>
<li></li>
<liclass="box"></li>
<li></li>
</ul>
</body>