                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

函数合并后为什么不能正常运行了？

window.onload = function(){

var tr=document.getElementsByTagName("tr");

for(var i= 0;i<tr.length;i++)

{

bgcChange(tr[i]);

}

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

}

function bgcChange(obj)

{

obj.onmouseover=function(){

obj.style.backgroundColor="#f2f2f2";

}

obj.onmouseout=function(){

obj.style.backgroundColor="#fff";

}

将以上两段函数合并起来，改成以下代码，为什么不行呢？：

window.onload = function(){

var tr=document.getElementsByTagName("tr");

for(var i= 0;i<tr.length;i++)

{

tr[i].onmouseover=function(){

tr[i].style.backgroundColor="#f2f2f2";

}

tr[i].onmouseout=function(){

tr[i].style.backgroundColor="#fff";

}

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

}

wengyaqiang

2015-07-21

源自：JavaScript进阶篇 9-22

关注问题我要回答

988

操作

收起

2 回答

浅水了
2015-07-21

window.onload = function(){          
var tr=document.getElementsByTagName("tr");
          for(var i= 0;i<tr.length;i++)
          {
            tr[i].id=i;                //这样呢？
            tr[i].onmouseover=function(){
                tr[this.id].style.backgroundColor="#f2f2f2";
            }
            tr[i].onmouseout=function(){
                tr[this.id].style.backgroundColor="#fff";
            }
          }
     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
      }