Js刪除Table中的一行

本文轉載自查看原文 2017-03-30 19:16 13004 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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 想要刪除table的某一行的js寫法 ElementUI中的el-table中實現動態添加一行、刪除一行、清空所有行利用js實現table增加一行添加一行刪除一行-js代碼利用jquery給指定的table動態添加一行、刪除一行 JS 刪除一行web sql 數據表的數據 js新增、刪除table和table中input linux系統中如何刪除第一行、前兩行，最后一行、最后兩行 MySQL中刪除重復數據時保留一行 Linux 刪除文件中某一行的方法