求高手帮忙看看这段代码？为什么结果会是这样？
小弟初学js，想做一个鼠标最后鼠标移动到上面的话，就可以改变背景颜色？但是为什么效果只有最后一个单元格改变！
求高手看看？
还有一个疑问，问什么我直接获取td标签的时候，然后采用td.className会发生错误，不能使用className属性,这是怎么回事

JScript code

<script type="text/javascript">  var name;    window.onload=function (){        var trNode=document.getElementsByTagName("tr")[0];                for(var i=0;i<trNode.cells.length;i++){                    var tdNode=trNode.cells[i];                    trNode.cells[i].onmouseover=function (){                name=tdNode.className;                 tdNode.className="over";            }                        tdNode.onmouseout=function(){             tdNode.className=name;            }                }        }  </script>

[解决办法]
trNode.cells[i].onmouseover=function (){
this.defaultclass=this.classname;
this.className="over";
}

tdNode.onmouseout=function(){
this.className=this.defaultclass;
}