93 添加class移出class移除移出link或style的css规则,不常用

概述Base.jsvar $=function()//调用{ return new Base();};//对象式function Base(){ //创建一个数组来获取节点和节点的数组 this.elements=[];//私有化，不共用}//获取ID节点Base.prototype.getId=

Base.Js

var $=function()//调用
{
    return new Base();
};
//对象式
function Base()
{
    //创建1个数组来获得节点和节点的数组
    this.elements=[];//私有化，不共用
}


//获得ID节点
Base.prototype.getID=function(ID)
{
    this.elements.push(document.getElementByID(ID));
    return this;
};
//获得元素节点
Base.prototype.getTagname=function(tag)
{
    var Tags=document.getElementsByTagname(tag);
    for(var i=0;i<Tags.length;i++)
    {
        this.elements.push(Tags[i]);
    }
    return this;
};
//class获得
Base.prototype.getClass=function(classname)
{
    var all=document.getElementsByTagname("*");
    for(var i=0;i<all.length;i++)
    {
      if(all[i].classname==classname)
      {
          this.elements.push(all[i]);
      }
    }
   return this;
};
//获得某个节点
Base.prototype.eq=function(num) //调用 $().getClass("classname").eq(0).CSS("background","red")
{
    var element=this.elements[num];
    this.elements=[];//清空数组
    this.elements[0]=element;//重新赋值
    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")
            {
                return window.getComputedStyle(this.elements[i],null)[attr];
            }
            else if(typeof this.elements[i].currentStyle !="undefined")
            {
                return this.elements[i].currentStyle[attr];
            }


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


    }
    return this;
};


Base.prototype.click=function(fn)
{
    for(var i=0;i<this.elements.length;i++)
    {
        this.elements[i].onclick=fn;
    }
    return this;
};
//设置INNERHTML 获得INNERHTML
Base.prototype.HTML=function(value)
{


    for(var i=0;i<this.elements.length;i++)
    {
        if(arguments.length==0)
        {
            return this.elements[i].INNERHTML;
        }
        else
        {
            this.elements[i].INNERHTML=value;
        }


    }
    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|$)')))//判断是不是已有这个class
       {
           this.elements[i].classname+=' '+classname;
       }
   }
    return this;
};
//移出class
Base.prototype.removeClass=function(classname) //调用方法$().getClass("dd").addClass("a").addClass("b").removeClass("b");
{
    for(var i=0;i<this.elements.length;i++)
    {
        if(this.elements[i].classname.match(new RegExp('(s|^)'+classname+'(s|$)')))//判断是不是已有这个class
        {
            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,position)//调用方法， $().addRule(0,"body","background:red",0)
{
    var sheet=document.styleSheets[num];
    if(typeof sheet.insertRule!="undefined")//w3c
    {
        sheet.insertRule(selectorText+"{"+csstext+"}",position);
    }
    else if(typeof  sheet.addRule!="undefined")//IE
    {
        sheet.addRule(selectorText,position);//sheet.addRule("body",)
    }
};
//移除link或style的CSS规则,不经常使用
Base.prototype.addRule=function(num,index) //调用方法，  $().removeRule(0);
{
    var sheet=document.styleSheets[num];
    if(typeof sheet.deleteRule!="undefined")//w3c
    {
        sheet.deleteRule(index);
    }
    else if(typeof  sheet.removeRule!="undefined")//IE
    {
        sheet.removeRule(index);//sheet.addRule("body",)
    }
};

demo.Js //调用base.Js函数

window.onload=function()
{
   // var base=new Base();
    //alert(base.getID("Box").elements)
    $().getClass("dd").addClass("a").addClass("b").removeClass("b");
    $().addRule(0,0)
    $().removeRule(0);
};

总结

以上是内存溢出为你收集整理的93 添加class 移出class 移除/移出link或style的css规则,不常用全部内容，希望文章能够帮你解决93 添加class 移出class 移除/移出link或style的css规则,不常用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。