练习的面向对象编程笔记

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>

看着代码大家是不是觉得很眼熟呢。不错这个就是编写高质量代码里面的代码。贴出来共享下!当记事本记着!