Question

如何用javascript给<li>赋onmouseover事件?

代码如下:

var li_o = document.getElementsByTagName("li");
for(var i=0;i<li_o.length;i++)
{
var obj = li_o[i];
obj.onmouseover = function()
{
alert(i);
}
}

为何alert出来的都是最后个索引号,也就是有多少个li,弹出来的就是li-1个.

我的目的是使用for给所有的li加上鼠标事件,但做不到,只能给最后一个加上.高人请指点,谢过.
我想鼠标移到<li>上就改变<li>的背景颜色,移开时取消,但我不想一个li一个li地去加,想用for搞定.我的li直接html编写的.

Answer 1

用闭包就行

var li_o=document.getElementsByTagName("li");
for(vari=0;i<li_o.length;i++){
(function(){
var obj=li_o[i];
obj.onmouseover=function(){alert(i);}
)(i)
}

Answer 2

sss