html js切换tab,原生js实现tab切换

*{margin:0;padding:0}

a{ display:inline-block;*display:inline;zoom:1;padding:5px 15px; background:#ccc; margin-right:10px}

.hide{ display:none}

.show{ display:block}

123

内容1

内容2

内容3

var btn=document.getElementsByTagName("a"),box=document.getElementsByTagName("div");

for(var i=0;i

function tab(n){

btn[n]. for(var j=0;j

box[j].className="hide";

}

box[n].className="show";

}

}

tab(i)

}

var btn=document.getElementsByTagName("a"),box=document.getElementsByTagName("div");

for(var i=0;i

(function(_i){

btn[_i]. //利用js闭包实现tab切换

for(var j=0;j

box[j].className="hide";

}

box[_i].className="show";

}

})(i);

}