window.onload=function(){
??????? var oTab = document.getElementById("tabs")
??????? var li = document.getElementsByTagName("li");
??????? var p = oTab.getElementsByTagName("p");//oTabs.get...是為了定義className作用對(duì)象為id為tabs下的所有文本div
?????? ?
??????? for(var i=0;i<li.length;i++){//獲取所有i編號(hào)的元素
????????? li[i].index = i;? //定義一個(gè)index屬性對(duì)li進(jìn)行編號(hào)
??????????? li[i].onclick = function(){//再注冊(cè)一個(gè)點(diǎn)擊事件，當(dāng)點(diǎn)擊的時(shí)候所有標(biāo)簽都恢復(fù)最初狀態(tài)
??????????? for(var n=0;n<li.length;n++){//這步是相對(duì)于未被點(diǎn)擊部分的樣式
??????????????? li[n].className = "";
??????????????? p[n].className = "hide";
??????????? }
??????????? this.className = "on";//再對(duì)點(diǎn)擊事件添加相應(yīng)的屬性
??????????? p[this.index].className = "";//通過之前的index編號(hào)綁定的指定div
??????????? }
??????? }
??? }

倒數(shù)第四行為什么要構(gòu)建li[i].index=i;而且倒數(shù)第四行還要用p[this.index]。為什么把li[i].index=i刪掉，倒數(shù)第四行改成p[i]不闊以呢？