国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

推薦一個(gè)封裝好的getElementsByClassName方法

2019-11-20 13:50:27
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

我們知道,原生的JS給我們提供了getElementsByClassName方法,可以通過(guò)此方法獲取到含有某指定class的節(jié)點(diǎn)集合,注意是集合,也就是此函數(shù)返回一個(gè)數(shù)組。

但是,IE卻并不支持這個(gè)方法,但這方法卻是很有實(shí)用性,所以,我們又不得不專(zhuān)門(mén)為IE實(shí)現(xiàn)這么一個(gè)函數(shù)。

復(fù)制代碼 代碼如下:

function getElementsByClassName(oEle,sClass,sEle){
  if(oEle.getElementsByClassName){
    return oEle.getElementsByClassName(sClass);
  }else{
    var aEle=oEle.getElementsByTagName(sEle || '*'),
      reg=new RegExp('(^|//s)'+sClass+'($|//s)'),
      arr=[],
      i=0,
      iLen=aEle.length;

    for(; i<iLen; i++){
      if(reg.test(aEle[i].className)){
        arr.push(aEle[i]);
      }
    }
    return arr;
  }
}

使用方法:

復(fù)制代碼 代碼如下:

//第一種:選擇document下的所有class為box_box的div元素
  getElementsByClassName(document,'box_box','div')[0].style.background='yellow';

//第二種:選擇document下的所有class為box-box的div元素
  getElementsByClassName(document,'box-box','div')[0].style.background='yellow';

//第三種:選擇document下的所有class為box-box元素
  getElementsByClassName(document,'box-box')[0].style.background='yellow';

oEle、sClass是必填的,sEle是選填的。

sClass中又中橫線或下劃線親測(cè)木有問(wèn)題,比如說(shuō):box-box box_box;但是如果是其他特殊字符就很有可能有問(wèn)題了,如:box$box…  當(dāng)然可以自己加轉(zhuǎn)義搞定特殊字符,如:box//$box…

兼容性:親測(cè)ie6+

小伙伴們自己使用一下就知道了,超級(jí)好用,擴(kuò)散下給其他小伙伴吧。

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 阿拉尔市| 鹤壁市| 罗甸县| 金昌市| 绵竹市| 清流县| 南靖县| 澄江县| 新乐市| 五台县| 双鸭山市| 隆林| 英超| 乌恰县| 曲阳县| 富民县| 潢川县| 河北区| 陵水| 鹤岗市| 渝中区| 昌邑市| 绿春县| 彭州市| 焦作市| 龙岩市| 北辰区| 疏勒县| 正安县| 揭西县| 甘泉县| 五莲县| 厦门市| 寿宁县| 肥东县| 西城区| 临高县| 山阳县| 张北县| 雅安市| 秦安县|