为了账号安全,请及时绑定邮箱和手机立即绑定

这个JS循环该怎么理解?

http://img1.sycdn.imooc.com//57062a91000178f904310373.jpg

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

html结构如下:

http://img1.sycdn.imooc.com//57062b2c0001b76103920484.jpg

CSS如下:

http://img1.sycdn.imooc.com//57062b640001c8a106590243.jpg

正在回答

1 回答

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

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

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

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

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

4 回复 有任何疑惑可以回复我~
#1

oldwan 提问者

非常感谢!
2016-04-08 回复 有任何疑惑可以回复我~
#2

oldwan 提问者

话说你的名字是 “laozi liubi bu”的缩写么?再追问一下: oLis[i]=i 和 this.index 该怎么理解?
2016-04-08 回复 有任何疑惑可以回复我~
#3

lzlbu2 回复 oldwan 提问者

哈哈,我的id并不是那个意思,前三个字母是我名字的缩写,什么意思应该知道了吧。 oLis[i].index=i,这句是将oLis这个数组的下标赋值为0,1,2,this指向函数执行时的当前对象,也就是oLis数组,this.index就是对应的oLis数组各个元素的下标,也是0,1,2。
2016-04-08 回复 有任何疑惑可以回复我~
#4

oldwan 提问者 回复 lzlbu2

感谢感谢
2016-04-09 回复 有任何疑惑可以回复我~
#5

lzlbu2 回复 oldwan 提问者

客气客气
2016-04-11 回复 有任何疑惑可以回复我~
查看2条回复

举报

0/150
提交
取消

这个JS循环该怎么理解?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信