选项卡切换，请大神讲解下这个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 = ""; // 显示当前移入对应的内容块

望采纳~