在网页里，如何实现点击让table的某一行突出显示？

Question

<table>
<tr onclick="this.style.backgroundColor='red'">
<td>adfdfdfdfdfdfdf</td>
</tr>
</table>

Answer 1

<SCRIPT LANGUAGE="JavaScript">
<!--
function outIt()
{
var oTd = document.getElementsByTagName("TD");
for (i=0;i<oTd.length;i++)
{
oTd[i].style.cssText = "";
}
if (event.srcElement.tagName.toUpperCase() == "TD")
{
event.srcElement.style.cssText = "background:#EEEEEE;border:1px outset;";
}
}
window.onload = function() { 
var oTd = document.getElementsByTagName("TD");
for (i=0;i<oTd.length;i++)
{
oTd[i].onclick = outIt;
}
}
//-->
</SCRIPT>
<table style='cursor:default'>
<tr><td>ertertertert</td></tr>
<tr><td>adfdfdfdfdfdfdf</td></tr>
<tr><td>adfdfdfdfdfdfdf</td></tr>
<tr><td>adfdfdfdfdfdfdf</td></tr>
<tr><td>adfdfdfdfdfdfdf</td></tr>
<tr><td>adfdfdfdfdfdfdf</td></tr>
</table>

Answer 2

<tr>
    <td style="background-color:#000099 ">&nbsp;</td>
  </tr>