怎么做到点击表格的一行得到此行第一列的值?

Question

<script>
function f1(obj)
{
 alert(obj.childNodes[0].innerText);
}
</script>
<table  id=table1>
<tr onclick=f1(this) bgcolor="#9999cc">
<td>aaaaaaaa</td>
<td>11111111</td>
<td>cccccccc</td>
<td>33333333</td>
</tr>
<tr onclick=f1(this) bgcolor="#9999cc">
<td>bbbbbbbbb</td>
<td>22222</td>
<td>dddddddd</td>
<td>4444444</td>
</tr>
</table>

Answer 1

如果是动态生成的表格行该怎么做动态绑定onclick事件

Answer 2

<SCRIPT LANGUAGE="JavaScript">
var num=0;
function f1()
{}
function setRow(trid){
   
   //如果在tr1 这行下面
   //再添加一行  tr = document.createElement("TR");  td = document.createElement("TD");
  td2 = document.createElement("TD");
  num++;
  text= document.createTextNode("fff"+num);
  text2= document.createTextNode("ooooo"+num);
  td.insertBefore(text,null);
  td2.insertBefore(text2,null);
  tr.insertBefore(td, null);
  tr.insertBefore(td2, null);
  tr.onclick=function()
  {
  alert(this.childNodes[0].innerText)  }
  tbody1.insertBefore(tr,tr2);
  //table1.insertBefore(tr,tr2);//会出错
 
   
}</SCRIPT><INPUT TYPE="button" onclick="setRow('tr1')" value="添加" ID=Button1>
<TABLE id="table1" border=1 width=80>
<TBODY id="tbody1">
<TR id="tr1">
<TD> aa</TD>
</TR>
<TR id="tr2">
<TD> bb</TD>
</TR>
</TABLE>
</tbody>