Js删除Table中的一行

复制代码
<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>
复制代码

 

posted @   岁月淡忘了谁  阅读(17143)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示