这个JS循环该怎么理解?

来源:10-1 编程挑战

oldwan

2016-04-07 17:42

http://img.mukewang.com/57062a91000178f904310373.jpg

这是JavaScript进阶篇第9章的编程练习:

html结构如下:

http://img.mukewang.com/57062b2c0001b76103920484.jpg

CSS如下:

http://img.mukewang.com/57062b640001c8a106590243.jpg

写回答 关注

1回答

  • lzlbu2
    2016-04-08 09:13:17
    已采纳

    外层循环的作用是:让每一个li标签都在被点击时,达到切换效果的功能。

    内层循环的作用是:当点击其中一个li标签的时候,通过循环将所有li标签的class设置为空,将所有div标签的class都设置为"hide",此时页面效果是li均未被点击,所有div内容都被隐藏。而内层循环后的语句:

    this.className = "on";
    oDivs[this.index].className = "";

    将当前被点击的li标签的class改为"on",将此li标签下标所对应的div标签的class改为空,则此时页面就变成了li被点击、div内容展示的效果。

    慕课首答,如果有不妥的地方,请大家指正。

    lzlbu2 回复oldwan

    客气客气

    2016-04-11 12:27:45

    共 5 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题