js动态删除table表的指定行

最新推荐文章于 2023-01-05 17:01:25 发布

我也不想这样&

最新推荐文章于 2023-01-05 17:01:25 发布

阅读量8.3k

点赞数 3

分类专栏：页面js 文章标签： js table

本文链接：https://blog.csdn.net/kang_tian/article/details/80047890

版权

页面js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title></title>
    <script type="text/javascript">
        function deleteCurrentRow(obj){
            var 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:;" 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:;" 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:;" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
            </td>
        </tr>
    </table>
</body>
</html>

更多学习资料请关注公众号：

我也不想这样&

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
js动态删除table表的指定行

<html><head> <title></title> <script type="text/javascript"> function deleteCurrentRow(obj){ var tr=obj.parentNode.parentNode; ...
复制链接

扫一扫

专栏目录