大哥，差点被你坑了一把，害的我都开始怀疑人生了。。。。

你这是没有考虑到tr的作用域呀。。。。。。。。。。。。。。

  //循环在里面

     function changeColor(trs){

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

                var tr = trs[i];

                tr.onmouseover = function(){

                    tr.style.backgroundColor = "#f2f2f2";//当事件触发时for循环早就结束了，tr也变成了最后一个tr了

                                                                                //肯定改变的是最后一个呀

                }

                tr.onmouseout = function(){

                    tr.style.backgroundColor = "#fff";

                }

            }

     }

===============================

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

        //循环在外面

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

                changeColor(trs[i]);

            }           

     function changeColor(tr){

            tr.onmouseover = function(){

                tr.style.backgroundColor = "#f2f2f2";//事件触发了，for循环也结束了，但这里的tr只是个形参

                //，不是for循环里面的那个tr，作用域只是这个匿名函数

            }

            tr.onmouseout = function(){

                tr.style.backgroundColor = "#fff";

            }           

     }

总结就是，前者的tr都是同一个，而后者的tr不是同一个，当全局变量跟局部变量重名时，局部变量会覆盖掉全局变量，关于这一点，可以看看这里全局变量和局部变量