轻型JS库

var T= (function(){

    return new Base();

});

function Base(){

    //创建一个数组,保存获得的节点

    this.elements = [];

    this.id = function(param){

        this.elements.push(document.getElementById(param));

        return this;

    };

    this.tag = function(name){

        var tags = document.getElementsByTagName(name);

        for(var i=0;i<tags.length;i++){

            this.elements.push(tags[i]);

        }

        return this;

    };

    this.css = function(attr,value){

    for(var i=0;i<this.elements.length;i++){

        this.elements[i].style[attr] = value;

    }

    return this;

    };

    this.html = function(str){

    for(var i=0;i<this.elements.length;i++){

        this.elements[i].innerHTML = str;

    }

    return this;

    };

    this.click = function(fn){

        for(var i=0;i<this.elements.length;i++){

            this.elements[i].onclick = fn;

        }

        return this;

    }

};

使用例子:

window.onload = function(){

    T().id("t").css("color","red");

    T().tag("p").css("color","green");

}


你可能感兴趣的:(轻型JS库)