国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 阿拉尔市| 锡林浩特市| 泰顺县| 阿克苏市| 蚌埠市| 巴彦淖尔市| 灌云县| 屏南县| 吉安县| 巴东县| 乌鲁木齐县| 汝州市| 遂溪县| 平邑县| 罗源县| 灵山县| 社旗县| 襄樊市| 大化| 铅山县| 嘉义县| 金寨县| 娱乐| 广饶县| 南昌市| 二连浩特市| 安乡县| 蓬溪县| 康定县| 长兴县| 北京市| 清涧县| 平武县| 丰顺县| 襄樊市| 自贡市| 隆化县| 涡阳县| 邯郸市| 体育| 五峰|