for循环中使用setInterval，怎么把i值传进去

[qq_38216500]

var lis=document.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].index=i;
lis[i].onmouseover=function(){
for(var i=0;i<lis.length;i++){
lis[i].style.width='100px';
}
timer=setInterval(function(){
lis[this.index].style.width='700px';
},500);
}
}
为什么在lis[this.index].style.width='700px';这样不行？
在setInterval里面应该怎么改lis[this.index]呢？

[-heyujun]

已经解决了。 var lis=document.getElementsByTagName('li'); for(var i=0;i<lis.length;i++){ lis[i].index=i; lis[i].onmouseover=function(){ var _this=this; for(var i=0;i<lis.length;i++){ lis[i].style.width='100px'; } timer=setInterval(function(){ lis[_this.index].style.width='700px'; },500); } } 因为在setInterval中，this指向window，只要在函数内把this的值赋值给_this变量即可。