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

首頁 > 編程 > JavaScript > 正文

原生JS查找元素的方法(推薦)

2019-11-19 18:53:37
字體:
供稿:網(wǎng)友

今天寫了一個很簡單、很粗暴的通過JS根據(jù)類來查找DOM元素。

為了降低它的粗暴等級(耗費性能)我給了三個等級。

首先性能最好的,適合FF,CH,IE8,通過querySelectorAll這個API。

其次是指定ID

最后只能全頁面進行匹配class,不過比較節(jié)省的性能的是,在指定class名稱的時候,同時傳入HTML標簽的類型,用于節(jié)省遍歷的范圍!

因為水平有限,目前也只能寫成這種,真的好好奇JQ的選擇器是怎么去匹配DOM的,如果有大神看到這篇文章,請不要吝嗇施教。。。

下面貼代碼:

function $(d,t){        var c = null, // className       e = null, // element      i = null; // id    function type(p){      /function.(/w*)/(/)/.test(p.constructor);      return RegExp.$1.toLowerCase();    }    if(type(d) == 'string'){       if(/^/.[a-z,A-Z,_]/w*$/.test(d)){ // 匹配class        c = d;      }else if(/^#[a-z,A-Z,_]/w*$/.test(d)){ // 匹配id        i = d;      }else if(/^[a-z,A-Z,_]+$/.test(d)){ // 匹配元素        e = d;      }else{        return undefined;      }      if(document.querySelectorAll){         if(c || e) return document.querySelectorAll(c || e);        if(i) return document.querySelectorAll(i)[0];      }else{        if(c){          var all = document.getElementsByTagName(t || '*'),            cn = c.slice(1,c.length),            reg = new RegExp('^'+cn+'//b'), // 限定類名的起始,結(jié)束只要是相同字符結(jié)束即可。            em = [];            for(var i=0;i<all.length;i++){              if(reg.test(all[i].className)){                em.push(all[i])              }            }            return em;        }else if(e){          return document.getElementsByTagName(e);        }else if(i){          return document.getElementById(i);        }      }          }else{      return undefined;    }  }

調(diào)用方式:

$('selector'[,type])

以上就是小編為大家?guī)淼脑鶭S查找元素的方法(推薦)全部內(nèi)容了,希望大家多多支持武林網(wǎng)~

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 永兴县| 海林市| 辉南县| 乌审旗| 普陀区| 霍州市| 禹城市| 息烽县| 广丰县| 南召县| 上高县| 陇南市| 滦平县| 温宿县| 茌平县| 剑川县| 和静县| 平安县| 礼泉县| 松滋市| 织金县| 宣威市| 沧州市| 苏尼特左旗| 鄂伦春自治旗| 封丘县| 荥经县| 措美县| 雷波县| 商河县| 泽州县| 开远市| 武川县| 木兰县| 万荣县| 东方市| 万源市| 深州市| 金门县| 溧阳市| 新余市|