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

来源:10-1 编程挑战

慕函数2570892

2019-08-13 17:39

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回答

  • weixin_慕运维8217716
    2019-08-15 20:45:48
    已采纳

    https://img3.mukewang.com/5d5553c20001716107520393.png

    这样吗?可以运行?

    慕函数257...

    好吧,只能说编译器有毒?

    2019-08-16 09:06:42

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题