面向对象创建选项卡

    function Tabmenu(){//创建构造函数
        //添加属性，
        this.btn=document.getElementsByTagName("button");
        this.div=document.getElementsByTagName("div");
        //方法
        //给按钮添加点击事件
        var that=this;//this指的是构造函数本身，记录下来
        for(var i=0;i<this.btn.length;i++){
            this.btn[i].index=i;//这里的this指的是选项卡本身
            this.btn[i].onclick=function(){
                //这里的this指的是点击的当前按钮
                that.clickfun(this.index);//传实参
            }
        }
    }
      //原型对象添加方法，所有的按钮干的相同的事情放到原型对象
      Tabmenu.prototype.clickfun=function(index){
          for(var j=0;j<this.btn.length;j++){
            this.div[j].className=""
          }
          this.div[index].className="active";
      }
      //实例对象
      new Tabmenu();