[f]class获取元素函数

要点:

  1. 先选出所有元素
  2. 筛选,根据sClass
  3. 返回一个数组
 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 }
原文地址:https://www.cnblogs.com/niubenbit/p/2783960.html