tab選項卡
window.onload = function(){
?? ?var tab = document.getElementById("tab");
?? ?var ul = tab.getElementsByTagName("ul")[0];
?? ?var li = ul.getElementsByTagName("li");
?? ?var div = tab.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 = "hidden";
?? ??? ??? ??? ?}
?? ??? ??? ?this.className = "active";
?? ??? ??? ?div[this.index].className = "";
?? ??? ??? ?}
?? ??? ?};
?? ?
?? ?}
有誰給我解釋下li[i].index = i;和div[this.index].className = "";這塊是什么意思?。????
2016-05-16
li[i].index = i;是相當(dāng)于給元素添加一個index屬性. 值就是i的值 ps: <div index="1"></div>
this.index是指獲取當(dāng)前元素上index屬性的值.