<head>
<title>javascript删除talbe中的一行</title>
<script type="text/javascript">
function Goto(){}
function deleteCurrentRow(obj){
var tr=obj.parentNode.parentNode;
alert(tr);
var tbody=tr.parentNode;
alert(tr);
tbody.removeChild(tr);
}
</script>
</head>
<body>
<table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" >
<tr class="DataGrid_HeaderStyle" nowrap="nowrap" align="Center">
<td>流程名称</td><td>表单名称</td><td>上传附件</td><td>操作</td>
</tr>
<tr>
<td style="width:35%;">请假单1</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单2</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单3</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单4</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
</table>
</body>
</html>
转载http://www.jb51.net/article/14974.htm