<html>
<head>
<title></title>
<script type="text/javascript">
function deleteCurrentRow(obj){
tr=obj.parentNode.parentNode;
var tbody=tr.parentNode;
tbody.removeChild(tr); //只剩行首时删除表格
if(tbody.rows.length==1) {
tbody.parentNode.removeChild(tbody);
}
}
</script>
</head>
<body>
<table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" id="dgFlowList" style="border-color:#CCCCCC;border-width:1px;border-style:solid;width:98%;border-collapse:collapse;MARGIN: 5px 0px">
<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:;" οnclick='{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:;" οnclick='{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:;" οnclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
</table>
</body>
</html>
js动态删除table表的指定行
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
