Question

用js得到td数组，并为每个td添加onmouseover事件,这样写为什么不行啊,求解答，谢谢

function change(){
var td=document.getElementsByTagName("td");
for(var i=0;i<td.length;i++){
td[i].onmouseover=function(){
td[i].style.backgroundColor="red";
}
td[i].onmouseout=function(){
td[i].removeAttribute("style");
}
}
}

Answer 1

这样循环来做事件是不行的，因为当事件执行的时候你是找不到对应的元素的。你需要的是在callback函数里面用event对象（也就是触发事件的那个对象）

function change(){
    var td=document.getElementsByTagName("td");
    for(var i=0;i<td.length;i++){
        td[i].onmouseover=function(event){
            event.target.style.backgroundColor="red";
         }
        td[i].onmouseout=function(event){
            event.target.removeAttribute("style");
        }
    }
}

然后event.target来做对应的处理。这样才能是对应的。因为你的calback函数里面写的td[i]在你出发这个函数的时候是不存在的（callback 函数里面的东西是在你触发的时候才计算的）。