[f]class获取元素函数

本文介绍了一个JavaScript函数getByClass,该函数能够从指定父元素中选取所有拥有特定class属性的子元素,并将其作为数组返回。通过示例展示了如何使用此函数来改变一组元素的背景颜色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要点:

  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/archive/2012/11/23/2783960.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值