里面的js部分不理解，求解答 萬分感謝??！
具體請看代碼快照！?。?/p>
?
window.onload=function(){
? ? ? ? var otab=document.getElementById("tabs");
? ? ? ? var oul=document.getElementsByTagName("ul")[0];
? ? ? ? var olis=oul.getElementsByTagName("li");
? ? ? ?var odivs=otab.getElementsByTagName("div") ;?
? ??
? ? for(var i=0,len=olis.length;i<len;i++){
? ? ? ?olis[i].index=i;
? ? ? ?olis[i].onclick=function(){
? ? ? ? ? ?for(var n=0;n<len;n++){
? ? ? ? ? ? olis[n].className="";
? ? ? ? ? ? odivs[n].className="hide"
? ? ? ? ? ?}
? ? ? ? ? ?this.className="on";
? ? ? ? ? ?odivs[this.index].className="";
? ? ? ?}
? ? };
? ? }
? ? </script>
?
?
主要是這些不理解
2015-06-05
首先這是一個循環，下面是詳細解析：
循環變量i從0開始小于變量rui的長度，步進值為1
將rui數組中的每個元素設置一個索引值，索引的值為每次循環變量i的值；
給rui數組中的每個元素設置點擊事件；
在點擊事件函數中首先寫了一個循環：
循環變量n從0開始小于變量rui的長度，步進值為1
設置變量rui中的每個元素的類選擇器為空；
設置變量du中的每個元素的選擇器名為c的類選擇器；
循環體外：
設置被點擊的元素的樣式，設置為類選擇器名為tip中的樣式；
設置變量du中與被點擊元素索引相等的樣式，將類選擇器設置為空
以上為詳細講解，整體講一下就是，選項卡點擊的時候下面的div元素的樣式跟著變換