如何用JavaScript删除table中的指定行?

Question

<table border="1" width="100%" id=tbl>
<tr>
  <td width="100%"><input type="button" value="删除" name="B1" onclick='tbl.deleteRow(this)'></td>
</tr>
<tr><td width="100%"><input type="button" value="删除" name="B1" onclick='tbl.deleteRow(this)'></td>
</tr>
<tr><td width="100%"><input type="button" value="删除" name="B1" onclick='tbl.deleteRow(this)'></td>
</tr>
</table>

Answer 1

<script>
function del(o){
var t=document.getElementById('test')
t.deleteRow(o.parentNode.parentNode.rowIndex)
}
</script>
<table border="1" width="100%" id=test>
<tr>
  <td width="100%"><input type="button" value="删除" name="B1" onclick="del(this)"></td>
</tr>
<tr>
  <td width="100%"><input type="button" value="删除" name="B1" onclick="del(this)"></td>
</tr>
<tr>
  <td width="100%"><input type="button" value="删除" name="B1" onclick="del(this)"></td>
</tr>
</table>

Answer 2

小刀会:不对.deleteRow(index),index默认是0,你每次删除的是第一行

Answer 3

wssgwps(小刀会) 
对不起: 您的方法是不论我点哪一行都删除第一行.
请问还有其他方法吗?

Answer 4

对不起,实在对不起,我程序中其实是点击删除按钮删除该行与其下一行,
程序如下:(因为我程序中两行为一个整体)
<table border="1" width="100%">
<tr>
  <td width="100%"><input type="button" value="删除" name="B1"></td>
</tr>
<tr>
  <td width="100%">xxxxxx</td>
</tr>
......
......刚才试了fason(阿信) 的代码,我以为再重复一遍
t.deleteRow(o.parentNode.parentNode.rowIndex)
就可以,结果失败还请大家再帮忙想想办法
谢了!

Answer 5

ok! 可以了,还是用的fason(阿信) 的代码该的,谢谢大家,谢谢fason(阿信) !结贴!

Answer 6

t.deleteRow(o.parentNode.parentNode.rowIndex+1)
t.deleteRow(o.parentNode.parentNode.rowIndex)