谁可以解释解释一段JS代码不是很懂..

Question

是选项卡的练习.  

<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>

Answer 1

大致意思就是当点击某个tab时，将所有li的class设置为""，同时将当前点击的li的class设置为on,达到切换选项卡的效果

Answer 2

li[1].className=""; div[1].className="hide"; li[2].className=""; div[2].className="hide";答主写的很好，但是加上这两行可以使开始的画面只显示第一个div