里面的js部分不理解，求解答 萬分感謝！！
具體請(qǐng)看代碼快照?。?！
?
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
首先這是一個(gè)循環(huán)，下面是詳細(xì)解析：
循環(huán)變量i從0開始小于變量rui的長(zhǎng)度，步進(jìn)值為1
將rui數(shù)組中的每個(gè)元素設(shè)置一個(gè)索引值，索引的值為每次循環(huán)變量i的值；
給rui數(shù)組中的每個(gè)元素設(shè)置點(diǎn)擊事件；
在點(diǎn)擊事件函數(shù)中首先寫了一個(gè)循環(huán)：
循環(huán)變量n從0開始小于變量rui的長(zhǎng)度，步進(jìn)值為1
設(shè)置變量rui中的每個(gè)元素的類選擇器為空；
設(shè)置變量du中的每個(gè)元素的選擇器名為c的類選擇器；
循環(huán)體外：
設(shè)置被點(diǎn)擊的元素的樣式，設(shè)置為類選擇器名為tip中的樣式；
設(shè)置變量du中與被點(diǎn)擊元素索引相等的樣式，將類選擇器設(shè)置為空
以上為詳細(xì)講解，整體講一下就是，選項(xiàng)卡點(diǎn)擊的時(shí)候下面的div元素的樣式跟著變換