deleteRow()删除动态表格行的问题!

Question

<table cellspacing=1 cellpadding=1 border=0 width=100% id=t> 
<tr> 
<td> 
<input type=button onclick=addNew() value="增加1"> 
</td> 
</tr> 
</table> 
<table cellspacing=1 cellpadding=1 border=0 width=100%> 
<tr> 
<td> 
<input type=button onclick=addNew() value="增加2"> 
</td> 
</tr> 
</table> 
<script>
var b=0;
function addNew()
{
b=b+1;
tr=event.srcElement.parentNode.parentNode.parentNode.insertRow();
tr.insertCell().innerText=b;
tr.insertCell().innerHTML='<input type=pic'+b+' > <a href=javascript:void(0) onclick=del() >删除</a>';
}
function del()
{
event.srcElement.parentNode.parentNode.parentNode.deleteRow(event.srcElement.parentNode.parentNode.rowIndex);
}
</script> 自己改成兼容FF的吧