這段沒(méi)看懂，有大神講解一下嗎？
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標(biāo)簽的className的值設(shè)置為on，就顯示當(dāng)前的li。
this.className = "on";就是當(dāng)前點(diǎn)擊的li標(biāo)簽顯示
div[this.index].className = ""; 就是當(dāng)前l(fā)i對(duì)應(yīng)的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 = "";
??????????? }
就是點(diǎn)擊li的時(shí)候 先把所有的li和div都隱藏了，在for循環(huán)后面執(zhí)行的兩句就是將點(diǎn)擊的li和div顯示出來(lái)，就實(shí)現(xiàn)了切換。
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]對(duì)象創(chuàng)建了一個(gè)新的屬性，把索引的值就是i存儲(chǔ)到這個(gè)屬性index中（這是重點(diǎn)），為什么要這樣做？因?yàn)楹瘮?shù)的有單獨(dú)自己的作用域，外面的i和函數(shù)里面的i是不一樣的。
??????????? li[i].onlick=function(){?
???????????? for(var n=0;n<li.length:n++){
???????????????? li[n].className=""; // 把所有l(wèi)i的className值清空
??????????????? div[n].className="hide"; // 同上，其實(shí)這里也可以把div的className="" ,起到把值清空的作用
???????????? }?
????????????? this.className = "on"; ?
????????????? div[this.index].className = ""; //this.index 就是變量i的值，看前面的代碼?li[i].index=i;?
??????? }
??? }