                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

這個JS循環(huán)該怎么理解？

這是JavaScript進階篇第9章的編程練習(xí)：

html結(jié)構(gòu)如下：

CSS如下：

oldwan

2016-04-07

源自：JavaScript進階篇 10-1

關(guān)注問題我要回答

1049

操作

收起

1 回答

lzlbu2 回答被采納 +3 積分
2016-04-08

外層循環(huán)的作用是：讓每一個li標(biāo)簽都在被點擊時，達到切換效果的功能。

內(nèi)層循環(huán)的作用是：當(dāng)點擊其中一個li標(biāo)簽的時候，通過循環(huán)將所有l(wèi)i標(biāo)簽的class設(shè)置為空，將所有div標(biāo)簽的class都設(shè)置為"hide"，此時頁面效果是li均未被點擊，所有div內(nèi)容都被隱藏。而內(nèi)層循環(huán)后的語句：

this.className?=?"on";
oDivs[this.index].className?=?"";

將當(dāng)前被點擊的li標(biāo)簽的class改為"on"，將此li標(biāo)簽下標(biāo)所對應(yīng)的div標(biāo)簽的class改為空，則此時頁面就變成了li被點擊、div內(nèi)容展示的效果。

慕課首答，如果有不妥的地方，請大家指正。

4 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

oldwan 提問者

非常感謝！

2016-04-08 回復(fù) 有任何疑惑可以回復(fù)我~

#2

oldwan 提問者

話說你的名字是 “laozi liubi bu”的縮寫么？再追問一下： oLis[i]=i 和 this.index 該怎么理解？

2016-04-08 回復(fù) 有任何疑惑可以回復(fù)我~

#3

lzlbu2 回復(fù) oldwan 提問者

哈哈，我的id并不是那個意思，前三個字母是我名字的縮寫，什么意思應(yīng)該知道了吧。 oLis[i].index=i，這句是將oLis這個數(shù)組的下標(biāo)賦值為0,1,2，this指向函數(shù)執(zhí)行時的當(dāng)前對象，也就是oLis數(shù)組，this.index就是對應(yīng)的oLis數(shù)組各個元素的下標(biāo)，也是0,1,2。

2016-04-08 回復(fù) 有任何疑惑可以回復(fù)我~