                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

哪位大神可以幫我解說(shuō)以下代碼？

?window.onload=function(){

? ? ? ? var oTab=document.getElementById("tabs");

? ? ? ? var li=document.getElementsByTagName("li");

? ? ? ? var div=oTab.getElementsByTagName("div");

? ? ? ? for(var i=0;i<li.length;i++){

? ? ? ? ? ? li[i].index=i;

? ? ? ? ? ? li[i].onclick=function(){

? ? ? ? ? ? ? ? for(var n=0;n<li.length;n++){

? ? ? ? ? ? ? ? ? ? li[n].className="";

? ? ? ? ? ? ? ? ? ? div[n].className="hide";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? this.className="on";

? ? ? ? ? ? ? ? div[this.index].className="";

? ? ? ? ? ? }

? ? ? ? }

慕粉3597558

2016-08-05

源自：JavaScript進(jìn)階篇 10-1

關(guān)注問題我要回答

752

操作

收起

1 回答

Joker208 回答被采納 +3 積分
2016-08-05

語(yǔ)言組織比較差，有問題可以回復(fù)我

?window.onload=function(){
		//將id=tabs的節(jié)點(diǎn)賦值給"oTab"
????????var?oTab=document.getElementById("tabs");
		//將所有l(wèi)i節(jié)點(diǎn)賦值給"li"這個(gè)數(shù)組
????????var?li=document.getElementsByTagName("li");
		//將oTab下的所有div節(jié)點(diǎn)賦值給"div"這個(gè)數(shù)組
????????var?div=oTab.getElementsByTagName("div");
		//遍歷所有的li節(jié)點(diǎn)
????????for(var?i=0;i<li.length;i++){
			//給每一個(gè)li設(shè)置索引值
????????????li[i].index=i;
			//給每一個(gè)li添加單擊事件
????????????li[i].onclick=function(){
				//遍歷oTab下的所有div節(jié)點(diǎn)
????????????????for(var?n=0;n<li.length;n++){
					//給每一個(gè)li的class屬性設(shè)置為""
????????????????????li[n].className="";
					//給每一個(gè)div的class屬性設(shè)置為"hide"
????????????????????div[n].className="hide";
????????????????}
				//給當(dāng)前l(fā)i的class屬性設(shè)置為"on"
????????????????this.className="on";
				//給當(dāng)前l(fā)i的索引值對(duì)應(yīng)的div的class屬性設(shè)置為""
????????????????div[this.index].className="";
????????????}
????????}