window.onload = function() {

? ? ? ? var oUl1 = document.getElementById("ul1");

? ? ? ? var aLi = oUl1.getElementsByTagName("li");

? ? ? ? var oDiv = document.getElementById("tab-list");

? ? ? ? var aDiv = oDiv.getElementsByTagName("div");

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

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

? ? ? ? ? ? aLi[i].onmouseover = function() {

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

? ? ? ? ? ? ? ? ? ? aLi[i].className = "";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? this.className = "active";

? ? ? ? ? ? ? ? for(var j = 0; j < aDiv.length; j++) {

? ? ? ? ? ? ? ? ? ? aDiv[j].className = "hide";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? aDiv[this.index].className = "show";//為什么不能直接用aDIV[i].className = "show";

? ? ? ? ? ? } ? ? ? ?

? ? ? ? }

? ? }

這是排名第一的答案,有幾點不明白

1、為什么不能直接用aDIV[i].className = "show";而非要另外用一個index，前者我試過 不行 懷疑是i的作用域問題，也不知道對不對，求解答

2、另外aLi[i].index = i;這種寫法有點不明白，是元素的數(shù)據(jù)結(jié)構(gòu)就有index這一項嗎？還是別的原因？任何元素都可以這樣嗎？