js无法获取数组内某个元素的下标? 财富值31

2016-10-26 10:42发布

现页面上有四个不相领的元素,我分别获取,并将该四个元素放入一个数组内,点击其中的某个元素时,获取它在这个数组内的下标。控制台上一直输出undefined,代码如下:
var dom1=document.getElementById("node1");
var dom2=document.getElementById("node2");
var dom3=document.getElementById("node3");
var dom4=document.getElementById("node4");

var domArr=[dom1,dom2,dom3,dom4];
console.log(domArr);//打印正常
for(var i=0,len=domArr.length;i<len;i++){

domArr[i].onclick=function(){     console.log(this.index);//undefined     console.log(domArr[i]);//undefined     console.log(this)//正常打印domArr[i] }

}
感觉自己瞬间掉坑里去了,是因为我声明的数组不能直接修改元素而使得无法获取domeArr[i]还是因为其他原因?求指教(难道是因为这四个节点是js创建的,所以无法获取到?可是这四个节点是页面上有的啊,我只是获取到了并将它放入一个自定义的数组内了啊,再说了,console.log(this)是能够正常输出的)

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
10条回答

在onclick事件发生之前for循环已经结束了,此时i=5。所以domArr[5]=undefine.

闭包

这么改就行了

你设个断点就知道为什么了,在循环中是不会走onclick的function的,而在点击触发时i一直是4,所以返回undefined。

你把console.log(this.index);
改为console.log(domArr.indexOf(this));就可以正常输出了

兄弟,获取数组元素下标是用arr.indexOf(元素)

然后关于console.log(domArr[i]);//undefined输出undefined的问题就建议你去了解一下闭包了,实际上i一直都是等于domArr.length,所以你consol.log(domArr[domArr.length])当然是undefined拉,因为你数组的最后一个元素是domArr[domArr.length-1]

感谢各位的解答,我找到问题了——没有想到,这个简单的数组循环,竟然形成了一个闭包——由此可以看出,本人对闭包的概念理解尚还有不足,总之,谢谢大家的解惑

建议看下闭包,这种问题实在是问的太多了
http://www.cnblogs.com/zjf-19...

一周热门 更多>