关于index

为什么index就是按钮的值，也没看到关联的地方啊，系统就自己默认index是按钮了？

Ting111 2019-08-06

源自：项目：JS实现轮播图特效 3-3 按钮切换（1）

8

收起

4回答

好帮手慕慕子回答被采纳获得+3积分 2019-08-08 15:39:59

同学你好，在前面通过getElementsByTagName获取到了所有的按钮元素，放在一个类数组中，可以通过中括号下标的方式获取对应的按钮素

index表示对应的索引，所以可以通过dots[index]获取到对应的按钮。

如果帮助到了你，欢迎采纳！

祝学习愉快~~~~

Ting111 提问者 #1

不是，我的意思是，这个index的值，可以是这个页面任何一个元素的值，为什么就一定是按钮的值

2019-08-08 15:42:02
好帮手慕慕子回复提问者 Ting111 #2

同学你好，这个index确实可以是页面中任何一个元素的值。因为按钮使用了这个index值，所以它可以和按钮关联起来。它也可以表示其他元素的值。例如，在老师上条回答中，图片pics使用了这个index值，那么index和图片也是关联起来的哦。同学可以试着在理解一下，祝学习愉快~~~~

2019-08-08 16:01:18
Ting111 提问者回复好帮手慕慕子 #3

就是说pic[index]的时候，这两个就关联了

2019-08-08 16:12:38

点开查看后面1条评论

好帮手慕慕子 2019-08-07 17:39:01

同学你好，首先，我们要知道， index是老师声明的一个全局变量，用来表示当前显示哪一张图片的索引值。然后我们在来分析按钮切换图片的代码

老师这里先封装了一个changeImg函数中，在这个函数中通过index值控制当前显示哪一张图片，以及对应的圆点样式
在点击上一张和下一张按钮的时候，通过修改index的值，然后调用changeImg函数，改变当前需要显示的图片和圆点样式
点击圆点的时候，通过过去点击圆点的自定义属性值，赋值给index，然后调用changeImg函数，显示对应的图片和圆点样式

综上所述，这个index值是我们自定义的，方便我们实现效果哦

如果还有疑问，可以再次提问，我们会继续为你解答的。

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

提问者 Ting111 #1

既然是全局变量，为什么就可以取到按钮的值

2019-08-08 15:14:35

好帮手慕码 2019-08-06 19:12:33

同学你好！

请问同学是说这里吗？

这里就是定义一个变量index,初始值为0

如果帮助到了你欢迎采纳祝学习愉快~

提问者 Ting111 #1

没有帮到我

2019-08-07 07:49:24
好帮手慕码回复提问者 Ting111 #2

请问同学是哪里不懂呢，可以描述的再清楚一些或者是可以粘贴看不懂的代码，以便准确的帮助同学分析解决问题，祝学习愉快~

2019-08-07 09:36:03
提问者 Ting111 回复好帮手慕码 #3

介于懂和不懂之间，有点懵懂

2019-08-08 15:13:27

好帮手慕码 2019-08-06 18:53:26

同学你好！

代码中dots是数组，数组的每一项都有其对应的下标（索引）的；

这里index就充当了索引的角色，通过索引去查找按钮：

如果帮助到了你欢迎采纳祝学习愉快~

提问者 Ting111 #1

var index那里是什么意思

2019-08-06 18:55:20

相似问题

关于index的问题

老师为什么z-index:9;z-index:1;不是应该相差8吗怎么还会重叠呢

为什么给label设置z-index没有效果呢？

关于参数index

关于最后的z-index

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载