关于table的问题

Question

用
OnMouseOver
OnMouseOut
onclick事件，来变动TD的背景色属性

Answer 1

有没有具体代码？
还有，OnMouseOut会把onclick的动作覆盖呀

Answer 2

<script language=javascript>
function chcolor(obj,color)
{   var l=obj.parentElement;
   if(l.bgColor=='') l.style.backgroundColor=color;
}
function clearcolor(obj)
{
   for(var i=0;i<obj.parentElement.parentElement.rows.length;i++)
      {obj.parentElement.parentElement.parentElement.rows[i].style.backgroundColor='';}}
function sellight(obj,color)
{
   var l=obj.parentElement;
   for(var i=0;i<obj.parentElement.parentElement.rows.length;i++)
      {obj.parentElement.parentElement.parentElement.rows[i].bgColor='';}
   l.style.backgroundColor='';
   l.bgColor=color;
   
}
</script><table border=1>
<tr><td onmouseover="chcolor(this,'#008000')" onmouseout="clearcolor(this);" onclick="sellight(this,'#0000FF')" width=100>11</td></tr>
<tr><td onmouseover="chcolor(this,'#008000')" onmouseout="clearcolor(this);" onclick="sellight(this,'#0000FF')" width=100>11</td></tr>
<tr><td onmouseover="chcolor(this,'#008000')" onmouseout="clearcolor(this);" onclick="sellight(this,'#0000FF')" width=100>11</td></tr>
</table>

Answer 3

<script>
function aa(){
document.aa.bb.e.color="#0f0f0f"
}
function bb(){
document.aa.cc.a.color="#f0f0f0"
}
<table boder=0 id="aa">
<tr id="bb">
<td id="e" onmouseover="chcolor(this,'#008000')" onmouseout="clearcolor(this);" onclick="sellight(this,'#0000FF')" width=100>11</td>
</tr>
<tr id="cc">
<td id="a" onmouseover="chcolor(this,'#fff000')" onmouseout="clearcolor(this);" onclick="aa())" width=100>11</td>
</tr>
<tr>
<td id="b" onmouseover="chcolor(this,'#008000')" onmouseout="clearcolor(this);" onclick="bb())" width=100>11</td>
</tr>
</table>