Question

js滑过整行变色

var t=document.getElementById("senfe").getElementsByTagName("tr");
function senfe(obj)
{
for(var i=0;i<t.length;i++)
{
t[i].onmouseover=function()
{
if(t[i]==obj)this.style.backgroundColor="#ff9900";
if(t[i]!=obj)this.style.backgroundColor="#ffffff";
}
}
}
<TABLE id="senfe" cellSpacing=0 cellPadding=0 width="650px"
border=0>
<TBODY>
<TR>
<TD> sdsassasssassasa</td>
</tr>
<TR>
<TD> sdsassasssassasa</td>
</tr>
</TBODY>
</TABLE>

请高手看看怎么修改啊

function senfe(obj)
{
for(var i=0;i<obj.length;i++)
{
obj[i].onmouseover=function()
{
var tbody = this.parentNode;
if(tbody){

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

for(var i=0;i<trs.length;i++)
{
if(trs[i]==this)obj[i].style.backgroundColor="#F9FBE6";
else obj[i].style.backgroundColor="";
}
}
}
}
}

window.onload = function()
{

var t=document.getElementById("senfe").getElementsByTagName("tr");
senfe(t);
}

Answer 1

<style>
.onhover{ background-color:#006699}
.onout{ background-color:#FF0000}
</style>
<TABLE id="senfe" cellSpacing=0 cellPadding=0 width="650px"
border=0>
<TBODY>
<TR>
<TD> sdsassasssassasa</td>
</tr>
<TR>
<TD> sdsassasssassasa</td>
</tr>
</TBODY>
</TABLE>

<script>
var t=document.getElementById("senfe")
for(i=0;i<t.rows.length;i++)
{
t.rows[i].onmouseover=function(){this.className='onhover'}
t.rows[i].onmouseout=function(){this.className='onout'}
}
</script>