步骤:
1.写一个类, 变量就是属性,并在里面执行init方法
2.方法挂在原型上,不同的功能全部拆开,分别写在原型上。
( 建init方法初始化,里面写主逻辑。 )
3.实例化对象
function Tab() {
this.btns= document.querySelectorAll('input')
this.divs= document.querySelectorAll('div')
this.init()
}
Tab.prototype.init = function(){
let that= this
this.btns.forEach(function (ele,i) {
ele.onclick = function( ){
that.change(i)
}
})
}
Tab.prototype.change = function(i){
let that= this
this.btns.forEach(function (e,i) {
e.className=''
that.divs[i].className=''
})
this.btns[i].className= 'active'
this.divs[i].className= 'show'
}
lettab1 = new Tab();