选项卡切换，请大神讲解下这个for循环是什么意思

Question

 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].onmousemove = function() {

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

                        oLis[n].className = "";

                        oDivs[n].className = "hide";

                    }

                    this.className = "on";

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

                }

            }

        }

 ////////

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

                        oLis[n].className = "";

                        oDivs[n].className = "hide";

                    }

这个循环是什么意思？

Answer 1

// 遍历所有选项卡、对应的内容 for(var n= 0;n<len;n++) {   oLis[n].className = ""; // 移除所有选项卡的类名（也就是全部设置为非选中状态）   oDivs[n].className = "hide"; // 隐藏所有内容块 } this.className = "on"; // 设置当前鼠标移入的选项卡类名（设置为选中状态） oDivs[this.index].className = ""; // 显示当前移入对应的内容块望采纳~