課程
/前端開發
/JavaScript
/JavaScript進階篇
參考代碼里：oLis[i].index = i;和oDivs[this.index].className = "";是什么意思？
2015-01-22
源自：JavaScript進階篇 10-1
正在回答
第一句：給oLis中的所有元素設置一個索引值，便于查找
第二句：設置oDivs中的this.index元素中的className為空
this.index就是你所點擊li元素的索引所對應的div元素
xynicai 提問者
thenger
a746785570 回復 thenger
weibo_Saber夜斗_0
oLis[i].index?=?i;//這里的index是oLis[i]的自定義屬性，用來保存該元素在原數組中的下標
引自火火慕
你不加的話沒辦法獲取數組元素的角標啊，可能是因為數組中沒有一個源屬性比如index，你編寫?數組元素.index就自動獲得元素角標。
這樣是不是可以解釋得通了？
樓上講解很詳細，謝謝！
上面說得很詳細了，原本就不明白，數組后面咋整了個index屬性，看其他同學筆記，說“oLis[0].index = i 是自定義 index”，為以后的操作做準備，實現功能樓上說得很詳細了。若是如此解釋的話，后面就懂了
? 因為頁面一旦加載完成就觸發onload事件,而onclick事件觸發之前,for(var i= 0,len = oLis.length;i<len;i++)這個循環已經運行完成了!oLis[i].onclick = function()這段代碼只是掛在那里(掛這個詞不怎么準確,意思放在那里,等待onclick事件觸發),這時候的i=3.在oLis[i].onclick = function()之前document.writeln(i)你會發現輸出012,說明循環已經完成.?? oLis[i].index = i 的作用只是在循環的過程中綁定下標i(0 1 2)到oLis數組相應元素oLis[0] oLis[1] oLis[2]的index變量上(例如oLis[0].index = 0;oLis[1].index =1;oLis[2].index=2)
?? 當onclick事件觸發的時候,this.className中的this就是當前鼠標所在的元素(例如家居), 同時oDivs[this.index]會獲取到家居所對應的oLis數組中的index值(這里是1,因為我們已經在完成的循環中將oLis[1]=1 了),而如果換成oLis[i]則因為i===3(恒等于3),所以oLis[i]===oLis[3],當然會出錯了!建議好好看一下JS的閉包原理和事件機制!
JJLoveJJ
小雨君
慕無忌7023775
Htttttt
慕粉18764815087 回復 慕無忌7023775
qq_秋_楓__0
Younson_24
把i的值儲存到index中，在oDivs[this.index].className = "";這句中this.index的值是當前鼠標所在的元素，oLis[i].index = i;的意義是可以讓this.index獲取任意一個index值
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
1 回答oLis[i].index = i;
3 回答oLis[i].index = i;
1 回答window.onload，oLis[i].index=i，oDivs[this.index]
4 回答oLis[i].index = i;這行代碼什么用？
4 回答關于oLis[i].index = i;和oDivs[this.index].className = "";
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-01-22
第一句：給oLis中的所有元素設置一個索引值，便于查找
第二句：設置oDivs中的this.index元素中的className為空
this.index就是你所點擊li元素的索引所對應的div元素
2016-06-03
引自火火慕
你不加的話沒辦法獲取數組元素的角標啊，可能是因為數組中沒有一個源屬性比如index，你編寫?
數組元素.index
就自動獲得元素角標。
這樣是不是可以解釋得通了？
2016-04-28
樓上講解很詳細，謝謝！
2015-07-02
上面說得很詳細了，原本就不明白，數組后面咋整了個index屬性，看其他同學筆記，說“oLis[0].index = i 是自定義 index”，為以后的操作做準備，實現功能樓上說得很詳細了。若是如此解釋的話，后面就懂了
2015-03-20
? 因為頁面一旦加載完成就觸發onload事件,而onclick事件觸發之前,for(var i= 0,len = oLis.length;i<len;i++)這個循環已經運行完成了!oLis[i].onclick = function()這段代碼只是掛在那里(掛這個詞不怎么準確,意思放在那里,等待onclick事件觸發),這時候的i=3.在oLis[i].onclick = function()之前document.writeln(i)你會發現輸出012,說明循環已經完成.
?? oLis[i].index = i 的作用只是在循環的過程中綁定下標i(0 1 2)到oLis數組相應元素oLis[0] oLis[1] oLis[2]的index變量上(例如oLis[0].index = 0;oLis[1].index =1;oLis[2].index=2)
?? 當onclick事件觸發的時候,this.className中的this就是當前鼠標所在的元素(例如家居), 同時oDivs[this.index]會獲取到家居所對應的oLis數組中的index值(這里是1,因為我們已經在完成的循環中將oLis[1]=1 了),而如果換成oLis[i]則因為i===3(恒等于3),所以oLis[i]===oLis[3],當然會出錯了!建議好好看一下JS的閉包原理和事件機制!
2015-03-11
把i的值儲存到index中，在oDivs[this.index].className = "";這句中this.index的值是當前鼠標所在的元素，oLis[i].index = i;的意義是可以讓this.index獲取任意一個index值