亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

JavaScript:輸入指定類型的選擇器(僅需支持id,class,tagName三種簡單CSS選擇器)

瀏覽:73日期:2023-05-14 17:15:50

問題描述

1.編寫一個JavaScript函數,輸入指定類型的選擇器(僅需支持id,class,tagName三種簡單CSS選擇器,無需兼容組合選擇器)

問題是:下面的正則匹配看不懂,var reg = /^(#)?(.)?(w+)$/img;var regResult = reg.exec(selector);,具體如下

var query = function(selector) {var reg = /^(#)?(.)?(w+)$/img;var regResult = reg.exec(selector);var result = [];//如果是id選擇器if(regResult[1]) { ...}//如果是class選擇器else if(regResult[2]) { ... }//如果是標簽選擇器else if(regResult[3]) { ... }}

問題解答

回答1:

/^(#)?(.)?(w+)$/img拆一下 //之間的是正則的內容 后面img是正則的匹配方式i:ignorCase忽略大小寫m:mutiple允許多行匹配g:globle進行全局匹配,指匹配到目標串的結尾

正則內容:^(#)?(.)?(w+)$ ^代表以xxx開頭 $代表以xxxx結尾(#)?可以帶一個或者不帶#(.)? 可以帶.或者沒有.(w+) 匹配一個或多個單詞

回答2:

/^(#)?(.)?(w+)$/img

(#)? 匹配ID的

(.)? 匹配className

(w+) 剩下都是標簽名或者[1,2]中具體的ID或者className名稱

回答3:

謝遙。

請參考 @trionfo1993

回答4:

給你一個,我寫的utils中的dom片段

class dom extends base{ constructor(){super(); } // 根據ID獲取指定DOM byId(_id){return document.getElementById(string.replace(_id,’#’,’’)); } // 根據ID或Class獲取DOM get(_id){if(_id.indexOf(’.’) > -1){ let list = document.getElementsByClassName(string.replace(_id,’.’,’’)); this._object = Array.from(list);}else{ this._object = [this.byId(_id)];}return this; } // 根據Name獲取相關DOM byName(_name){let list = document.getElementsByName(_name);if(list.length > 0) return Array.from(list);return null; } // 返回dom原型 get valueOf(){if(this._object.length >1){ return this._object; }return this._object[0]; } // 基礎DOM操作方法 _dom_ctrols(_func){for(let info of this._object){ _func(info);}return this; } // 增加class addClass(_name){this._dom_ctrols((info)=>{ if(info.className.indexOf(_name) == -1){info.className += ’ ’ + _name; }})return this; } // 刪除class removeClass(_name){this._dom_ctrols((info)=>{ info.className = string.replace(info.className,_name,’’);})return this; } // 顯示?隱藏DOM主方法 _hide_show(_value){this._dom_ctrols((info)=>{ info.style.display = _value;}); } // 隱藏DOM hide(){this._hide_show(’none’); } // 顯示DOM show(){this._hide_show(’block’); }

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 日韩h片 | 亚洲高清视频免费 | 一级特黄色毛片免费看 | 夜夜夜精品视频免费 | 日韩免费在线视频观看 | 999精品久久久中文字幕蜜桃 | 国产女人成人精品视频 | 国产成人精品高清不卡在线 | 亚洲天堂久久新 | 久久免费公开视频 | 国产黄色一级毛片 | 久久精品视频免费播放 | 国产原创一区二区 | 福利毛片 | s级毛片| 成人在线网址 | 亚洲欧美激情综合首页 | 国产麻豆免费视频 | 欧美叼嘿 | 国产香蕉91tv永久在线 | 国产一区二区不卡免费观在线 | 久青草视频免费视频播放线路1 | 久久综合狠狠综合久久综合88 | 国产精品国产三级国产专区5o | 亚洲国产精品视频 | 成人性色生活片免费看爆迷你毛片 | 尤物视频在线观看 | 亚洲精品91在线 | 在线成人a毛片免费播放 | 人与动物xxxxx | 女人洗澡一级毛片一级毛片 | 中文字幕在线观看一区 | 成人精品第一区二区三区 | 狠狠色丁香久久婷婷综合_中 | 爱呦视频在线播放网址 | 国产精品亚洲二区 | 中国国产一级毛片视频 | 97色婷婷成人综合在线观看 | 大片免免费观看视频播放网站 | 亚洲最大综合网 | 国产在线一区二区三区在线 |