day01
/** * Created by zhouyan on 15/4/26. */ //前台调用 var $=function(){ return new Base(); } //基础库 function Base(){ //创建一个数组,来保存获取的节点和节点数组 this.elements=[]; //获取ID节点 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++){ this.elements.push(tags[i]); } return this; }; //获取Class节点 this.getClass=function(className,idName){ var node = null; if(arguments.length == 2){ node = document.getElementById(idName); }else{ node = document; } var all=node.getElementsByTagName('*'); for(var i=0;i<all.length;i++) { if (all[i].className == className) { this.elements.push(all[i]) } } return this; } } //设置css Base.prototype.css=function(attr,value){ for(var i=0;i<this.elements.length;i++) { if(arguments.length == 1){ if(typeof window.getComputedStyle !="undefined"){//W3C return window.getComputedStyle(this.elements[i],null)[attr]; }else if(typeof this.elements[i].currentStyle != 'undefined'){//IE return this.elements[i].currentStyle[attr]; } return this.elements[i].style[attr]; } this.elements[i].style[attr] = value; } return this; } //设置innerHTML Base.prototype.html=function(str){ for(var i=0;i<this.elements.length;i++) { if(arguments.length == 0){ return this.elements[i].innerHTML; } this.elements[i].innerHTML = str; } return this; } //触发点击事件 Base.prototype.click=function(fn){ for(var i=0;i<this.elements.length;i++) { this.elements[i].onclick=fn; } return this; } //获取某一个节点 Base.prototype.getElement =function(num){ var element =this.elements[num]; this.elements = []; this.elements[0] =element; return this; } //添加Class Base.prototype.addClass = function(className){ for(var i=0;i<this.elements.length;i++){ if(!this.elements[i].className.match(new RegExp('(\\s|^)'+className+'(\\s|$)'))) { this.elements[i].className += ' '+className; } } return this; } //移除Class Base.prototype.removeClass = function(className){ for(var i=0;i<this.elements.length;i++){ if(this.elements[i].className.match(new RegExp('(\\s|^)'+className+'(\\s|$)'))) { this.elements[i].className=this.elements[i].className.replace(new RegExp('(\\s|^)'+className+'(\\s|$)'),''); } } return this; } //添加link或style的css规则 Base.prototype.addRule = function(num,selectorText,cssText,pos){ var sheet = document.styleSheets[num]; if(typeof sheet.insertRule != 'undefined'){ //w3c sheet.insertRule(selectorText+'{'+cssText+'}',pos); }else if(typeof sheet.addRule != 'undefined'){ //Ie sheet.addRule(selectorText,cssText,pos); } return this; } //移除link或style的css规则 Base.prototype.removeRule = function(num,pos){ var sheet = document.styleSheets[num]; if(typeof sheet.deleteRule != 'undefined'){ //w3c sheet.deleteRule(pos); }else if(typeof sheet.removeRule != 'undefined'){ //Ie sheet.removeRule(pos); } return this; }