码迷,mamicode.com
首页 > 其他好文 > 详细

day01

时间:2015-04-26 21:05:20      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

/**
 * 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;
}

  

day01

标签:

原文地址:http://www.cnblogs.com/serene92/p/4458262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!