課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
li選項卡，假如我點擊第二個選項卡，怎么知道我點的是第二個選項卡？
2018-12-31
源自：JavaScript進階篇 10-1
正在回答
1 最外層的循環(huán),在加載的時候會循環(huán)完畢,最后i就變成了3,所以需要一個變量,來保存i;
2??oLis[i].onclick 在外層for循環(huán)時,給每個oLis[i]加上了點擊事件.然后它的使命就此結束,不是你點擊第幾個li,i就會變成相對應的數字,這時候你再想獲取下標,就只能從index中取了.
也不知道我表達清楚沒,我的理解大概是這樣哈,有異議大家再一起交流,一起進步!
小小小小小鯨魚
你標記的那個代碼，是給每一個li都添加了一個點擊事件，知道你點擊的是那個li，主要是下面的oDivs[this.index].className = "";因為你保存了 index ，所以它知道你點擊的是那個li標簽
你可以在html中定義onclick="choose(this)"，然后在js里面寫choose函數。this就把當前選中的節(jié)點傳過去了
? for(var i= 0,len = oLis.length;i<len;i++){
? ? ? ? ? ? ? ? ?oLis[i].index = i;
? ? ? ? ? ? ? ? ?oLis[i].onclick = function() {? //這句假如我點了第二個選項卡，i就等于1嗎？，這段代碼不是在window.onload中加載只執(zhí)行一次嗎？我點擊了他還會執(zhí)行的？
? ? ? ? ? ? ? ? ? ? ?for(var n= 0;n<len;n++){
? ? ? ? ? ? ? ? ? ? ? ? ?oLis[n].className = "";
? ? ? ? ? ? ? ? ? ? ? ? ?oDivs[n].className = "hide";
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?this.className = "on";
? ? ? ? ? ? ? ? ? ? ?oDivs[this.index].className = "";
? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?};
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態(tài)交互世界
2 回答tab選項卡
3 回答怎么實現選項卡切換的
1 回答選項卡切換問題
1 回答選項卡放大之后
1 回答JS選項卡求救啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-04-29
1 最外層的循環(huán),在加載的時候會循環(huán)完畢,最后i就變成了3,所以需要一個變量,來保存i;
2??oLis[i].onclick 在外層for循環(huán)時,給每個oLis[i]加上了點擊事件.然后它的使命就此結束,不是你點擊第幾個li,i就會變成相對應的數字,這時候你再想獲取下標,就只能從index中取了.
也不知道我表達清楚沒,我的理解大概是這樣哈,有異議大家再一起交流,一起進步!
2019-02-13
你標記的那個代碼，是給每一個li都添加了一個點擊事件，知道你點擊的是那個li，主要是下面的oDivs[this.index].className = "";因為你保存了 index ，所以它知道你點擊的是那個li標簽
2019-01-22
你可以在html中定義onclick="choose(this)"，然后在js里面寫choose函數。this就把當前選中的節(jié)點傳過去了
2018-12-31
? for(var i= 0,len = oLis.length;i<len;i++){
? ? ? ? ? ? ? ? ?oLis[i].index = i;
? ? ? ? ? ? ? ? ?oLis[i].onclick = function() {? //這句假如我點了第二個選項卡，i就等于1嗎？，這段代碼不是在window.onload中加載只執(zhí)行一次嗎？我點擊了他還會執(zhí)行的？
? ? ? ? ? ? ? ? ? ? ?for(var n= 0;n<len;n++){
? ? ? ? ? ? ? ? ? ? ? ? ?oLis[n].className = "";
? ? ? ? ? ? ? ? ? ? ? ? ?oDivs[n].className = "hide";
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?this.className = "on";
? ? ? ? ? ? ? ? ? ? ?oDivs[this.index].className = "";
? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ?};