課程
/前端開發
/JavaScript
/JavaScript進階篇
答案里面for循環 aLi[i].index = i;是什么梗？
2016-01-03
源自：JavaScript進階篇 10-1
正在回答
這里aLi[i]是對象。aLi[i].index=i是給這個對象添加一個自定義屬性index并且屬性值為i，index就是索引的意思。當然這個屬性名你可以自取。這里給它自定義這個屬性是希望在后面通過這個屬性找到并利用這個對象
qq_塵埃_16 提問者
想問一下這里為什么不用this
12行為什么要清空激活樣式？
qq_握不住沙咱就揚了它_0
66666666666
?window.onload?=?function(){ ????????var?oUl?=?document.getElementById("ul1"); ????????var?aLi?=?oUl.getElementsByTagName("li"); ????????var?oDiv?=?document.getElementById('tab-list'); ????????var?aDiv?=?oDiv.getElementsByTagName('div'); ????????//對頭部進行循環 ????????for(var?i=0;?i<aLi.length;?i++){ ????????????//給每一個導航添加一下索引 ????????????aLi[i].index=i; ????????????//給每一個導航添加鼠標經過事件 ????????????aLi[i].onmouseover=function(){ ????????????????//循環所有的導航并且清空激活樣式 ????????????????for(var?i=0;?i<aLi.length;?i++){? ????????????????????aLi[i].className=''; ????????????????} ????????????????//給鼠標所在的導航添加激活樣式 ????????????????this.className='active'; ????????????????//循環所有的內容區域?并添加上bd的className??其實這一部的真正目的是為了去掉內容區域上的?on?樣式，也就是讓所有的div隱藏 ????????????????for(var?j=0;?j<aDiv.length;?j++){ ????????????????????aDiv[j].className?=?'bd'; ????????????????} ????????????????//把導航對應的索引位置的?div?顯示出來，這里也就是添加index的作用，通過這個索引來找到對應的div?這里的?this?就是指上面鼠標所在的導航 ????????????????aDiv[this.index].className?=?"bd?on"; ????????????} ????????} ?????}
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
2 回答aLi[i].index = i; 里的index是啥意思,怎么用的
1 回答 下面代碼中 aLi[i].index = i;有什么作用？
3 回答aLi[i].index = i;。。。求破十萬火急
2 回答aLi[i].index = i; 這個index 是什么意思 ？這句話怎么理解？
3 回答for循環里用var i=0;i<content.childNodes.length;i++為什么實現不了？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-04
這里aLi[i]是對象。aLi[i].index=i是給這個對象添加一個自定義屬性index并且屬性值為i，index就是索引的意思。當然這個屬性名你可以自取。這里給它自定義這個屬性是希望在后面通過這個屬性找到并利用這個對象
2018-07-01
2017-04-11
12行為什么要清空激活樣式？
2016-09-26
66666666666
2016-01-03
?window.onload?=?function(){ ????????var?oUl?=?document.getElementById("ul1"); ????????var?aLi?=?oUl.getElementsByTagName("li"); ????????var?oDiv?=?document.getElementById('tab-list'); ????????var?aDiv?=?oDiv.getElementsByTagName('div'); ????????//對頭部進行循環 ????????for(var?i=0;?i<aLi.length;?i++){ ????????????//給每一個導航添加一下索引 ????????????aLi[i].index=i; ????????????//給每一個導航添加鼠標經過事件 ????????????aLi[i].onmouseover=function(){ ????????????????//循環所有的導航并且清空激活樣式 ????????????????for(var?i=0;?i<aLi.length;?i++){? ????????????????????aLi[i].className=''; ????????????????} ????????????????//給鼠標所在的導航添加激活樣式 ????????????????this.className='active'; ????????????????//循環所有的內容區域?并添加上bd的className??其實這一部的真正目的是為了去掉內容區域上的?on?樣式，也就是讓所有的div隱藏 ????????????????for(var?j=0;?j<aDiv.length;?j++){ ????????????????????aDiv[j].className?=?'bd'; ????????????????} ????????????????//把導航對應的索引位置的?div?顯示出來，這里也就是添加index的作用，通過這個索引來找到對應的div?這里的?this?就是指上面鼠標所在的導航 ????????????????aDiv[this.index].className?=?"bd?on"; ????????????} ????????} ?????}