oLis[i].index

来源:10-1 编程挑战

xynicai

2015-01-22 17:37

参考代码里:oLis[i].index = i;和oDivs[this.index].className = "";是什么意思?

写回答 关注

6回答

  • 康振宁
    2015-01-22 18:31:09
    已采纳

    第一句:给oLis中的所有元素设置一个索引值,便于查找

    第二句:设置oDivs中的this.index元素中的className为空

    this.index就是你所点击li元素的索引所对应的div元素

    weibo_...

    好人啊

    2015-05-28 17:58:49

    共 4 条回复 >

  • EddieJones
    2016-06-03 06:10:59
    oLis[i].index = i;//这里的index是oLis[i]的自定义属性,用来保存该元素在原数组中的下标

    引自火火慕

    你不加的话没办法获取数组元素的角标啊,可能是因为数组中没有一个源属性比如index,你编写 
    数组元素.index
    就自动获得元素角标。

    这样是不是可以解释得通了?

  • 神才飞扬
    2016-04-28 07:23:48

    楼上讲解很详细,谢谢!

  • _Mok
    2015-07-02 20:21:45

    上面说得很详细了,原本就不明白,数组后面咋整了个index属性,看其他同学笔记,说“oLis[0].index = i 是自定义 index”,为以后的操作做准备,实现功能楼上说得很详细了。若是如此解释的话,后面就懂了

  • Lybon
    2015-03-20 12:18:23

      因为页面一旦加载完成就触发onload事件,而onclick事件触发之前,for(var i= 0,len = oLis.length;i<len;i++)这个循环已经运行完成了!oLis[i].onclick = function()这段代码只是挂在那里(挂这个词不怎么准确,意思放在那里,等待onclick事件触发),这时候的i=3.在oLis[i].onclick = function()之前document.writeln(i)你会发现输出012,说明循环已经完成.
       oLis[i].index = i 的作用只是在循环的过程中绑定下标i(0 1 2)到oLis数组相应元素oLis[0] oLis[1] oLis[2]的index变量上(例如oLis[0].index = 0;oLis[1].index =1;oLis[2].index=2)

       当onclick事件触发的时候,this.className中的this就是当前鼠标所在的元素(例如家居), 同时oDivs[this.index]会获取到家居所对应的oLis数组中的index值(这里是1,因为我们已经在完成的循环中将oLis[1]=1 了),而如果换成oLis[i]则因为i===3(恒等于3),所以oLis[i]===oLis[3],当然会出错了!建议好好看一下JS的闭包原理和事件机制!

    Younso...

    回答得好!!谢谢大神

    2017-07-19 12:01:01

    共 8 条回复 >

  • 睡觉的眼镜
    2015-03-11 13:40:39

    把i的值储存到index中,在oDivs[this.index].className = "";这句中this.index的值是当前鼠标所在的元素,oLis[i].index = i;的意义是可以让this.index获取任意一个index值

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题