要点:
- 先选出所有元素
- 筛选,根据sClass
- 返回一个数组
1 function getByClass(oParent, sClass) 2 { 3 var aEle=oParent.getElementsByTagName('*'); 4 var aResult=[]; //class是可以重复的,所以结果是一组元素 5 var i=0; 6 7 for(i=0;i<aEle.length;i++) 8 { 9 if(aEle[i].className==sClass) 10 { 11 aResult.push(aEle[i]); 12 } 13 } 14 15 return aResult; 16 }
使用:
因为返回的数组,所以需要循环出数组的每个元素使用!
1 var oUl=document.getElementById('ul1'); 2 var aBox=getByClass(oUl, 'box'); 3 var i=0; 4 5 for(i=0;i<aBox.length;i++) 6 { 7 aBox[i].style.background='green'; 8 }