为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕移动9968862 2016-03-31 13:27:11
是选项卡的练习.  <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>
查看完整描述

3 回答

?
qq_嘞怎_0

TA贡献5条经验 获得超1个赞

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


查看完整回答
1 反对 回复 2016-03-31
?
有梦想的人不睡觉11

TA贡献19条经验 获得超7个赞

li[1].className="";
div[1].className="hide";
li[2].className="";
div[2].className="hide";

答主写的很好,但是加上这两行可以使开始的画面只显示第一个div

查看完整回答
反对 回复 2017-08-20
  • 3 回答
  • 0 关注
  • 2013 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信