下面小編就為大家?guī)硪黄?jiǎn)單封裝js的dom查詢實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。
$ = function (val) {
switch(val.charAt(0)) {
case '#' :
return document.getElementById(val.substring(1));
break;
case '.' :
val = val.replace('.','');
if(document.getElementsByClassName)
return document.getElementsByClassName(val);
else {
var obj = document.getElementsByTagName('*'),len = obj.length,arr=[];
for(var i=0;i<len;i++) {
if(obj[i].className == val) {
arr[arr.length] = obj[i];
}
}
return arr;
}
break;
default :
if(document.getElementsByName(val).length > 0)
return document.getElementsByName(val);
else
return document.getElementsByTagName(val);
}
}
這樣一實(shí)現(xiàn),以后調(diào)用id時(shí),只需 $('#idname'),class時(shí)$('.classname'),TagName和Name都是做了個(gè)簡(jiǎn)單的判斷,都是直接傳 $('name'),我試了下,感覺還可以。
以上這篇簡(jiǎn)單封裝js的dom查詢實(shí)例代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考