首页 / 脚本样式 / JavaScript / 简单封装js的dom查询实例代码

最近一直在啃犀牛书，有感，于是写了个简单的js的dom查询

$ = 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）; }}

这样一实现，以后调用id时，只需 $（"#idname"）,class时$（".classname"），TagName和Name都是做了个简单的判断，都是直接传 $（"name"），我试了下，感觉还可以。
以上这篇简单封装js的dom查询实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。