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

选项卡切换功能实现,关于循环执行顺序的影响

window.onload =function(){

var x = document.getElementById("ul1");

var y = x.getElementsByTagName("li");

var z = document.getElementById("tab-list").getElementsByTagName("div");

for(var i=0;i<y.length;i++){

    y[i].index = i;

    y[i].onmouseover = function(){

    for(var i = 0; i < y.length; i++) { y[i].className = ""; }

                this.className = "active";

    for(var j = 0; j < z.length; j++) {z[j].className = "hide"; }

                z[this.index].className = "show";

        }

    }

}

y和z的长度都是3,这里把

 for(var i = 0; i < y.length; i++) { y[i].className = ""; }

        和

for(var j = 0; j < z.length; j++) {z[j].className = "hide"; }

循环合并,怎么就不行了?

正在回答

1 回答

https://img1.sycdn.imooc.com//5d5553c20001716107520393.png

这样吗?可以运行?

0 回复 有任何疑惑可以回复我~
#1

慕函数2570892 提问者

好吧,只能说编译器有毒?
2019-08-16 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468189    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

选项卡切换功能实现,关于循环执行顺序的影响

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信