首頁(yè) 猿問(wèn) 選項(xiàng)卡切換，請(qǐng)大神講解下這個(gè)for...

選項(xiàng)卡切換，請(qǐng)大神講解下這個(gè)for循環(huán)是什么意思

Html5 JavaScript

春白 2018-10-26 09:24:28

?window.onload = function(){? ? ? ? ? ? var oTab = document.getElementById("tabs");? ? ? ? ? ? var oUl = oTab.getElementsByTagName("ul")[0];? ? ? ? ? ? var oLis = oUl.getElementsByTagName("li");? ? ? ? ? ? var oDivs= oTab.getElementsByTagName("div");? ? ? ? ? ? for(var i= 0,len = oLis.length;i<len;i++){? ? ? ? ? ? ? ? oLis[i].index = i;? ? ? ? ? ? ? ? oLis[i].onmousemove = function() {? ? ? ? ? ? ? ? ? ? for(var n= 0;n<len;n++){? ? ? ? ? ? ? ? ? ? ? ? oLis[n].className = "";? ? ? ? ? ? ? ? ? ? ? ? oDivs[n].className = "hide";? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? this.className = "on";? ? ? ? ? ? ? ? ? ? oDivs[this.index].className = "";? ? ? ? ? ? ? ? }? ? ? ? ? ? }? ? ? ? }?////////for(var n= 0;n<len;n++){? ? ? ? ? ? ? ? ? ? ? ? oLis[n].className = "";? ? ? ? ? ? ? ? ? ? ? ? oDivs[n].className = "hide";? ? ? ? ? ? ? ? ? ? }這個(gè)循環(huán)是什么意思？

查看完整描述

1 回答

已采納

聰明的湯姆

TA貢獻(xiàn)112條經(jīng)驗(yàn) 獲得超33個(gè)贊

//?遍歷所有選項(xiàng)卡、對(duì)應(yīng)的內(nèi)容
for(var?n=?0;n<len;n++)?{
??oLis[n].className?=?"";?//?移除所有選項(xiàng)卡的類名（也就是全部設(shè)置為非選中狀態(tài)）
??oDivs[n].className?=?"hide";?//?隱藏所有內(nèi)容塊
}
this.className?=?"on";?//?設(shè)置當(dāng)前鼠標(biāo)移入的選項(xiàng)卡類名（設(shè)置為選中狀態(tài)）
oDivs[this.index].className?=?"";?//?顯示當(dāng)前移入對(duì)應(yīng)的內(nèi)容塊

望采納~

1 反對(duì) 回復(fù) 2018-10-26