下面小編就為大家?guī)?lái)一篇簡(jiǎn)單封裝js的dom查詢實(shí)例代碼。小編覺(jué)得挺不錯(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')，我試了下，感覺(jué)還可以。
以上這篇簡(jiǎn)單封裝js的dom查詢實(shí)例代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考