如何给<Table>里的<td>添加事件?

Question

for(i=0;i<Table.rows.length;i++){
  for(j=0; j <Table.rows[i].cells.length; j++){
    Table.rows[i].cells[j].onclick = cl((i+1) * j);
  }
}

Answer 1

<table border=1 width=50%>
<tr>
<td id="d1"  align="center">1</td>
<td id="d2"  align="center">2</td>
<td id="d3" ALIGN="center">3</td>
<td id="d4" align="center">4</td>
<td id="d5" align="center">5</td>
<td id="d6"  ALIGN="center">6</td>
</tr>
</table>
<script>
for(var i=1;i<=6;i++)
{
eval("d"+i).attachEvent("onclick",Fclick);
}
function Fclick()
{
alert(event.srcElement.id);
}
</script>

Answer 2

for(i=0;i<Table.rows.length;i++){
  for(j=0; j <Table.rows[i].cells.length; j++){
    Table.rows[i].cells[j].onclick = cl;
  }
}
function cl(){
 var id = this.id;
 alert(id);
}

Answer 3

<table onclick="tbl_onclick()">.......function tbl_onclick()
{
  alert(event.srcElement.id);
}====
你看懂这个就明白为什么我说只需要在table上加onclick事件了。