没有食欲的吃货
2016-10-25 20:19
window.onload=function(){
var a=document.getElementById("tabs");
var b=document.getElementsByTagName("li");
var c=a.getElementsByTagName("div");
for(var i=0;i<b.length;i++){
b[i].index=i;
b[i].onclick=function(){
for(var n=0;n<b.length;n++){
b[n].className="";
c[n].className="hide";
}this.className="on";
c[this.index].className="";
}
}
}
b[i].onclick=function(){
for(var n=0;n<b.length;n++){
b[n].className="";
c[n].className="hide";
当点击li标签时,触发:清空所有li标签的class值和给所有div标签设置class值为hide。根据css,实现所有div内容隐藏。
for(var i=0;i<b.length;i++){
b[i].index=i; //将i赋值给li的index
this.className="on"; //选定的当前标签设置class值为on
c[this.index].className="";//当前标签div设置class值为hide
JavaScript进阶篇
468190 学习 · 21891 问题
相似问题