js鼠标事件切换表格单元格背景色

<table width="750" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
</table>

<script type="text/javascript">
var tds = document.getElementsByTagName('td');

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

tds[i].onmouseover = function() {

this.style.background = '#FC0';

}

tds[i].onmouseout = function() {

this.style.background = '#fff';

}

}

</script>