這段沒看懂，有大神講解一下嗎？
window.onload=function(){
?????? // var tab=document.getElementById("tables");
??????? var li=document.getElementsByTagName("li");
??????? var div=document.getElementsByTagName("div");
??????? for(var i=0;i<li.lenghth;i++){
??????????? li[i].index=i;
??????????? li[i].onlick=function(){
???????????? for(var n=0;n<li.length:n++){
???????????????? li[n].className="";
??????????????? div[n].className="hide";
??????????????? ?
???????????? }
????????????? this.className = "on";
????????????? div[this.index].className = "";
??????????? }
?????????? ?
??????? }
??? }
2017-04-08
li標簽的className的值設置為on，就顯示當前的li。
this.className = "on";就是當前點擊的li標簽顯示
div[this.index].className = ""; 就是當前li對應的div顯示；
下面這段代碼：
? li[i].onlick=function(){
???????????? for(var n=0;n<li.length:n++){
???????????????? li[n].className="";
??????????????? div[n].className="hide";
??????????????? ?
???????????? }
????????????? this.className = "on";
????????????? div[this.index].className = "";
??????????? }
就是點擊li的時候 先把所有的li和div都隱藏了，在for循環后面執行的兩句就是將點擊的li和div顯示出來，就實現了切換。
2017-04-08
window.onload=function(){
?????? // var tab=document.getElementById("tables");
??????? var li=document.getElementsByTagName("li");
??????? var div=document.getElementsByTagName("div");
??????? for(var i=0;i<li.lenghth;i++){
??????????? li[i].index=i; //給li[i]對象創建了一個新的屬性，把索引的值就是i存儲到這個屬性index中（這是重點），為什么要這樣做？因為函數的有單獨自己的作用域，外面的i和函數里面的i是不一樣的。
??????????? li[i].onlick=function(){?
???????????? for(var n=0;n<li.length:n++){
???????????????? li[n].className=""; // 把所有li的className值清空
??????????????? div[n].className="hide"; // 同上，其實這里也可以把div的className="" ,起到把值清空的作用
???????????? }?
????????????? this.className = "on"; ?
????????????? div[this.index].className = ""; //this.index 就是變量i的值，看前面的代碼?li[i].index=i;?
??????? }
??? }