如何动态删去表格一行

Question

<table id='t1' width="850" border="1" cellspacing="0" cellpadding="0">
  <tr id='r1'>
    <td id="d1">dfdf;</td>
    <td><a href="#" onclick="deleteRow();return false">delete</a></td>
  </tr>
</table><script>
function deleteRow()
{w=window.event.srcElement
while(w.tagName!="TR")
w=w.parentElement
if(w.tagName=="TR")
w.parentNode.removeChild(w)
}
</script>

Answer 1

最简单的就是:
function deleteRow()
{
  document.getElementById("t1").deleteRow(document.getElementById("r1").rowIndex);
}

Answer 2

麻烦点的做法是：
<table id='t1' width="850" border="1" cellspacing="0" cellpadding="0">
  <tr id='r1'>
    <td id="d1">dfdf;</td>
    <td><a href="#" onclick="javascript:deleteRow(this)">delete</a></a>;</td>
  </tr>
</table><SCRIPT LANGUAGE="JavaScript">
<!--
function SearchByTagName(e, TAG)
{
    while(e && e.tagName){
    if(e.tagName==TAG.toUpperCase()) return(e);
    e = e.parentNode; } return null;
}
function deleteRow(e)
{
  var tr =  SearchByTagName(e, "TR");
  var tab = SearchByTagName(e, "TABLE");
  tab.deleteRow(tr.rowIndex);
}
//-->
</SCRIPT>