问答详情
源自:10-1 编程挑战

这个JS循环该怎么理解?

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

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

html结构如下:

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

CSS如下:

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

提问者:oldwan 2016-04-07 17:42

个回答

  • 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内容展示的效果。

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