js自定义属性之开关

for(var i=0;i<aH2.length;i++){
aH2[i].index=i;
aH2[i].onOff=true;//充当一个开关
aH2[i].οnclick=function(){
if(this.onOff){
aUl[this.index].style.display=‘block’;
this.className=‘active’;
this.onOff=false;
}else{
aUl[this.index].style.display=‘none’;
this.className=’’;
this.onOff=true;
}
}
}
不难发现，可以通过设定一个onOff开关控制点击时样式active的不断变化
同时需要注意，for循环给每一个aH2添加一个自定义属性onOff，和索引和函数，⭐然后for就去休息了。之后点击开关和for的初始化无关

还可以通过className控制
for(var i=0;i<aH2.length;i++){
aH2[i].index=i;
aH2[i].οnclick=function(){
if(this.className==’’){
aUl[this.index].style.display=‘block’;
this.className=‘active’;
}else{
aUl[this.index].style.display=‘none’;
this.className=’’;
}
}
}
这种方法更简单些