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

首頁 > 編程 > JavaScript > 正文

Javascript封裝id、class與元素選擇器方法示例

2019-11-19 17:10:30
字體:
供稿:網(wǎng)友

由于各個瀏覽器都支持的選擇方法只有如下三種:

     1、document.getElementById()

     2、document.getElementsByName()

     3、document.getElementsByTagName()

所以在封裝選擇器的時候要考慮瀏覽器的兼容性。

示例代碼如下:

<script>//封裝id選擇器  function $(selector){    var c=selector.substring(0,1);//獲取第一個字符    if(c=="#"){      return document.getElementById(selector.substring(1,selector.length));//返回相應的元素    }  }      //封裝class選擇器  function $(selector){    var className=selector.substring(1);//從索引為1的元素往后取    //判斷瀏覽器是否支持getElementsByClassName    if(document.getElementsByClassName){      return document.getElementsByClassName(className)      //document.querySelectorAll('.cls')兼容性有問題    }else{      //document.getElementsByTagName('*')+正則表達式      ///s空白字符 ^開始 $結(jié)束      var reg=new RegExp('^|//s'+className+'$|//s');      var elems=document.getElementsByTagName("*");//獲取頁面中所有元素      var arr=[];//保存獲取到的指定className的元素      for(var i=0;i<elems.length;i++){        if(reg.test(elems[i].className)){//如果和模式匹配上          arr.push(elem[i]);        }      }      return arr;    }  }    //封裝標簽選擇器    function $(element){    return document.getElementsByTagName(element);  } </script>

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對武林網(wǎng)的支持。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 濉溪县| 大丰市| 普洱| 天峻县| 马鞍山市| 靖江市| 广丰县| 甘洛县| 崇仁县| 濉溪县| 奈曼旗| 葫芦岛市| 璧山县| 青海省| 南投县| 加查县| 庆阳市| 田阳县| 牡丹江市| 裕民县| 嘉祥县| 林周县| 东港市| 通城县| 东丽区| 宁城县| 贵溪市| 德保县| 安达市| 屏东市| 五莲县| 勃利县| 兰溪市| 太和县| 建德市| 秦安县| 阳城县| 白水县| 塔河县| 隆尧县| 鄂托克前旗|