不知道最后这几步代码是什么意思

来源:10-1 编程挑战

慕数据9493197

2016-09-25 21:51

for(var i=0;i<li.length;i++){//获取所有i编号的元素
   li[i].index = i;  //定义一个index属性对li进行编号??
   li[i].onclick = function(){//再注册一个点击事件,当点击的时候所有标签都恢复最初状态??
       for(var n=0;n<li.length;n++){//这步是相对于未被点击部分的样式??
           li[n].className = "";
           div[n].className = "hide";
       }
       this.className = "on";//再对点击事件添加相应的属性??
       div[this.index].className = "";//通过之前的index编号绑定的指定div??
   }
}

写回答 关注

2回答

  • 慕斯8597481
    2016-10-06 11:08:06

    for(var n=0;n<li.length;n++){//这步是相对于未被点击部分的样式??

    这里把所有的(包括被点击的那个),全都取消选中状态并隐藏内容。然后在for循环以外

    this.className = "on";//再对点击事件添加相应的属性??

    div[this.index].className = "";//通过之前的index编号绑定的指定div??

    这里把选中的那个的显示出来。

  • qq_沙冷_0
    2016-10-03 16:07:48

    for(var i=0;i<li.length;i++){//此时li相当于数组,但是数组名不能去关键字因此不能取li
       li[i].index = i;  //直接获取
       li[i].onclick = function(){//再注册一个点击事件,当点击的时候所有标签都恢复最初状态?? 是的
           for(var n=0;n<li.length;n++){//这步是相对于未被点击部分的样式??嗯
               li[n].className = "";
               div[n].className = "hide";
           }
           this.className = "on";//再对点击事件添加相应的属性??嗯
           div[this.index].className = "";//通过之前的index编号绑定的指定div??嗯
       }
    }

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题