TABLE行涂黑选中问题

Question

<table border onClick="test()">
<tr><td>aaa</td><td>1</td></tr>
<tr><td>aaa</td><td>2</td></tr>
<tr><td>aaa</td><td>3</td></tr>
<tr><td>aaa</td><td>4</td></tr>
</table><script>
sel = null;
scl = "";
function test() {
  var el = event.srcElement;
  if(sel)
    sel.bgColor = scl;
  while(el.tagName != "TR")
    el = el.parentElement;
  sel = el;
  scl = el.bgColor;
  el.bgColor = "red";
}
</script>

Answer 1

其实你用下面这种方法不是更方便吗
<table border=1 bordercolr=red>
<tr>
    <td width=200 height=30 bgcolor=#f7f7f7 onmouseover=this.style.background=#green onmouseout=this.style.background=#f7f7f7>
    试一下
    </td>
</tr>
<tr>
    <td width=200 height=30 bgcolor=#f7f7f7 onmouseover=this.style.background=#green onmouseout=this.style.background=#f7f7f7>
    试一下
    </td>
</tr>
</table>