美文网首页
js动态删除table表的指定行

js动态删除table表的指定行

作者: 我也不想这样DT | 来源:发表于2019-12-27 15:40 被阅读0次

<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表的指定行

      本文链接:https://www.haomeiwen.com/subject/qmnukftx.html