国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吉木乃县| 邯郸市| 桃园县| 自治县| 永新县| 随州市| 永康市| 贞丰县| 韶山市| 大名县| 响水县| 永胜县| 成安县| 宝坻区| 柞水县| 浮山县| 洛扎县| 曲靖市| 德江县| 青浦区| 天祝| 德保县| 衡南县| 大港区| 龙泉市| 灵台县| 黄平县| 阿坝| 厦门市| 霍山县| 吉安市| 平舆县| 上虞市| 抚远县| 安岳县| 龙游县| 宜丰县| 乐山市| 循化| 云阳县| 大名县|