mark一下，虽然还是不太懂

http://www.cnblogs.com/syf/archive/2012/10/04/2711828.html

@王大涛

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

tr[i].index = i; //这里的index可以自己随便换,也就是给标签tr自定义的属性. 比如:tr[i].a = i;

tr[i].onmouseover=function(){tr[tr.index].style.backgroundColor="#999"}

tr[i].onmouseout=function(){tr[tr.index].style.backgroundColor="#fff";}

}

你这段的实现效果是不正确的。运行的效果实际上tr[tr.index]==tr[2]

而我原来的tr[i]位于function中，实际效果是tr[i]==tr[3] //如果审查元素手动添加一行<tr>就能发现。

据我朋友的解释，这是带参数的function在for语句中的问题。只是我不太理解其中的道理。

这个问题不是 this的问题,而是变量作用域的问题;

 tr[i].onmouseover=function(){tr[i].style.backgroundColor="#999";}这行代码中黑体的ti[i]是无效的.

因为在function(){tr[i].style.backgroundColor="#999";}这个函数中i的值是不知道的.所以不能用tr[i].style.backgroundColor="#999";这样来设置样式. 

一般我们会直接用this代表当前tr.如果不用this,我们可以用给标签添加属性的方法比如:

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

tr[i].index = i; //这里的index可以自己随便换,也就是给标签tr自定义的属性. 比如:tr[i].a = i;

tr[i].onmouseover = function(){ tr[tr.index].style.backgroundColor = "#999"}

tr[i].onmouseout=function()tr[tr.index].style.backgroundColor="#fff";}

}