<script type="text/javascript">	
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 = "";			
          }	
     };	
 }
</script>

这是课程的参考答案，里面的：

oLis[i].index = i;

这一行什么意思，具体起什么作用，为什么注释掉这一行后直接用：

oDivs[i].className = "";

然后就不行了？

通俗的讲一下。