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

首頁 > 開發 > JS > 正文

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

2024-05-06 16:35:46
字體:
來源:轉載
供稿:網友

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

     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空白字符 ^開始 $結束      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>

總結

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


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 呼玛县| 措美县| 鄂托克旗| 永济市| 临漳县| 会昌县| 北海市| 固镇县| 绥德县| 霍州市| 东山县| 柘城县| 武鸣县| 海阳市| 会泽县| 伊吾县| 静宁县| 西宁市| 六安市| 高台县| 泾源县| 新沂市| 弥渡县| 曲阜市| 五河县| 安义县| 徐闻县| 乌鲁木齐县| 西和县| 镇雄县| 百色市| 桓台县| 邵武市| 彭阳县| 江永县| 抚宁县| 辽中县| 濮阳市| 砚山县| 庆城县| 砚山县|