JS——封装一个可以连缀的DOM库

function $(){
	return new Base();    //每次要调用new一个新对象否则回造成叠加
}
function Base(){
	this.elements=[];    //因为要返回new对象所以创建一个数组保存获取的DOM对象
	this.getId=function(id){
		this.elements.push(document.getElementById(id));
		return this;
	};
	this.getTagName=function(tagName){
		var tags = document.getElementsByTagName(tagName);
		for(var i = 0;i < tags.length;i++){    //getElementsByTagName获取的是数组要所以要遍历元素
			this.elements.push(tags[i]);
		};
		return this;
	};
	
	this.getClass=function(className,n){
		if(arguments.length==1){   //判断参数，如果1个参数是要获取所有Class
			var all = document.getElementsByTagName("*");
			for(var i = 0;i

这样就封装好了 一个 DOM相关方法；

每次这样调用：

$().getClass("box",1).css("backgroundColor","#ccc").innerHTML("直接获取了class名为box的第2个元素对象并设置了background-color为#ccc并设置标签内容为这段文字")

直接获取了class名为box的第2个元素对象并设置了background-color为#ccc并设置标签内容为这段文字，这样将很多DOM方法封装后 十分简便