xynicai
2015-01-22 17:37
参考代码里:oLis[i].index = i;和oDivs[this.index].className = "";是什么意思?
第一句:给oLis中的所有元素设置一个索引值,便于查找
第二句:设置oDivs中的this.index元素中的className为空
this.index就是你所点击li元素的索引所对应的div元素
oLis[i].index = i;//这里的index是oLis[i]的自定义属性,用来保存该元素在原数组中的下标
引自火火慕
你不加的话没办法获取数组元素的角标啊,可能是因为数组中没有一个源属性比如index,你编写
数组元素.index
就自动获得元素角标。
这样是不是可以解释得通了?
楼上讲解很详细,谢谢!
上面说得很详细了,原本就不明白,数组后面咋整了个index属性,看其他同学笔记,说“oLis[0].index = i 是自定义 index”,为以后的操作做准备,实现功能楼上说得很详细了。若是如此解释的话,后面就懂了
因为页面一旦加载完成就触发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的闭包原理和事件机制!
把i的值储存到index中,在oDivs[this.index].className = "";这句中this.index的值是当前鼠标所在的元素,oLis[i].index = i;的意义是可以让this.index获取任意一个index值
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题