关于第10章编程挑战参考代码中的问题

下面这段：

window.onload = function(){

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

             var oUl = oTab.getElementsByTagName("ul")[0];

             var oLis = oUl.getElementsByTagName("li");

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

             for(var i= 0,len = oLis.length;i<len;i++){

                   oLis[i].index=i;

                 oLis[i].onclick = function() {

                     for(var n= 0;n<len;n++){

                         oLis[n].className = "";

                         oDivs[n].className = "hide";

                     }

                     this.className = "on";

                     oDivs[this.index].className = "";

                 }

             }

         }

最后部分：   this.className="on";

                     oDivs.[this.index].className="";

为什么不能把this.className换成oLis[i].className？难道不是一样的效果吗？(我已经测试过换了之后会出错)

同样的为什么不能把oDivs.[this.index]换成oDivs.[i].className呢？