请问这段代码是什么意思?求教

来源:10-1 编程挑战

m艾瑞

2014-12-04 23:07

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

        rui[i].index=i;

        rui[i].onclick=function(){

            for(var n=0;n<rui.length;n++){

                rui[n].className="";

                du[n].className="c";               

            }

            this.className="tip";

            du[this.index].className="";

        }


写回答 关注

2回答

  • 偌颜宁
    2014-12-05 10:29:10

    首先这是一个循环,下面是详细解析:

    循环变量i从0开始小于变量rui的长度,步进值为1

    将rui数组中的每个元素设置一个索引值,索引的值为每次循环变量i的值;

    给rui数组中的每个元素设置点击事件;

    在点击事件函数中首先写了一个循环:

    循环变量n从0开始小于变量rui的长度,步进值为1

    设置变量rui中的每个元素的类选择器为空;

    设置变量du中的每个元素的选择器名为c的类选择器;

    循环体外:

    设置被点击的元素的样式,设置为类选择器名为tip中的样式;

    设置变量du中与被点击元素索引相等的样式,将类选择器设置为空

    以上为详细讲解,整体讲一下就是,选项卡点击的时候下面的div元素的样式跟着变换

    Corey

    多谢,刚好这段儿不懂!

    2014-12-23 10:35:12

    共 1 条回复 >

  • 桀。
    2014-12-04 23:29:20

    感觉像是在写个类似选项卡的玩意

    m艾瑞

    就是10.1的那段js代码,求详细一点的解释

    2014-12-04 23:36:06

    共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题