大神們，請從for那開始解釋代碼原理？謝謝！
<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>
2016-11-07
2016-11-05
for(var?i=?0,len?=?oLis.length;i<len;i++){??//for遍歷oLis ?????????????????oLis[i].index?=?i;??????????//保存每一個i值到對應(yīng)的每一個oLis上 ?????????????????oLis[i].onclick?=?function()?{?//點擊 ?????????????????????for(var?n=?0;n<len;n++){????//再次對oLis遍歷 ?????????????????????????oLis[n].className?=?"";??//所有oLis的class為空 ?????????????????????????oDivs[n].className?=?"hide";??//所有oDiv的class為hide ?????????????????????} ?????????????????????this.className?=?"on";??????//當(dāng)前點擊的oLis?的class為on ?????????????????????oDivs[this.index].className?=?"";??//當(dāng)前點擊的oLis的i值所對應(yīng)的oDivs的class為空 ?????????????????} ?????????????}; ?????????}