we前端 杭州-小白 练习的面向对象编程笔记
<div id="good" class="demo_good">demo</div> <script type="text/javascript"> //获取ID function GetId(id){ return id=typeof id=="string"?document.getElementById(id):id; }; //命名空间 var GLOBAL={}; GLOBAL.namespace=function(str){ var arr=str.split("."),obj=GLOBAL; for(i=(arr[0]=="GLOBAL")?1:0;i<arr.length;i++) { obj[arr[i]]=obj[arr[i]]||{}; obj=obj[arr[i]]; } }; (function(){ //使用命名空间Dom GLOBAL.namespace("Dom"); //自定义原生的获取类名的js类 GLOBAL.Dom.GetElementsByClassName=function(str,root,tag){ if(root) { root=typeof root=="string"?document.getElementById(root):root; } else { root=document.body; } tag=tag||"*"; var els=root.getElementsByTagName(tag),arr=[]; for(var i=0,n=els.length;i<n;i++) { for(var j=0,k=els[i].className.split(" "),l=k.length;j<l;j++) { if(k[j]==str) { arr.push(els[i]); break; } } } return arr; }; GLOBAL.Dom.addClass=function(node,str){ if(!new RegExp("(^|\\s+)"+str).test(node.className)){ node.className=node.className+" "+str; } }; GLOBAL.Dom.removeClass=function(node,str){ node.className=node.className.replace(new RegExp("(^|\\s+)"+str),""); }; })(); //var nodes=GetId("good"); //GLOBAL.Dom.addClass(nodes,"good_one"); //GLOBAL.Dom.removeClass(nodes,"demo_good"); </script>
看着代码大家是不是觉得很眼熟呢。不错这个就是编写高质量代码里面的代码。贴出来共享下!当记事本记着!