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

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