                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

向各位請教，我還是不能理解它的原理

這里的 aLi[i].index=i ;? 這樣寫的意義是什么？

index 屬性可返回下拉列表中選項的索引位置。那么這里設置aLi的索引位置其意義是什么？換句話說為什么這里要這么設置呢？

用aLi.length做for循環這個能夠理解，是循環了aLi的index和aLi[i].onmouseover=function(){};

那么再function里面在循環aLi的length給它aLi.className=""這一步是為什么？for循環里面循環不是二維數組的用法嗎？這里面創建了一個二維數組并給每個aLi的class為空？

而其下一步給的this.className="active"; 表示什么？這里的this是aLi[i]的onmouseover的aLi；

那么為什么這里aDiv[j]循環在aLi[i].onmouseover里面循環呢？而后aDiv[this.index]里面的this表示什么呢？

求解，問題很多，麻煩大神耐心講解下，非常感謝，無以為報。

Mountain_Ghost

2015-11-19

源自：JavaScript進階篇 10-1

關注問題我要回答

1984

操作

收起

2 回答

李曉健
2015-11-19

?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";
????????????}
????????}
?????}

不知道這樣能不能解決你的問題