时间:2021-05-18
最近一直在啃犀牛书,有感,于是写了个简单的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查询实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这篇文章主要介绍了JS简单实现对dom操作封装,下面就直接上代码:js测试//duquery(function(w){//定义立即执行函数,传入全局对象wind
本文实例讲述了PHP封装的XML简单操作类。分享给大家供大家参考,具体如下:xml_dom.php封装类文件:dbfile=$db_file;if(!file_
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下:JS封装获取元素js的获取元素:ID:document.getElementByI
本文实例讲述了JS实现动态添加DOM节点和事件的方法。分享给大家供大家参考,具体如下:运行效果图如下:完整实例代码如下:Js(DOM)动态添加节点和事件func
引言拼接字符串用习惯了C#的String.Format。今天看别人的代码在js中也封装了一个js的String.Format,用来拼接字符串和DOM。js实现和