zoukankan      html  css  js  c++  java
  • 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-1px;border-style:solid;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="35%;">请假单1</td>
                <td style="35%;">请假单</td>
                <td align="Center" style="10%;">不允许</td>
                <td align="Center" style="20%;">
                <a href="javascript:;" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
                </td>
            </tr>
            <tr>
                <td style="35%;">请假单2</td>
                <td style="35%;">请假单</td>
                <td align="Center" style="10%;">不允许</td>
                <td align="Center" style="20%;">
                <a href="javascript:;" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
                </td>
            </tr>
            <tr>
                <td style="35%;">请假单3</td>
                <td style="35%;">请假单</td>
                <td align="Center" style="10%;">不允许</td>
                <td align="Center" style="20%;">
                <a href="javascript:;" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
                </td>
            </tr>
        </table>
    </body>
    </html>
  • 相关阅读:
    vuebase----3.slot插槽
    vuebase-2.Props的验证组件的深入
    vuebase-1.Props的验证
    组件的加载与keep-alive
    组件传递数据props
    简单的组件
    表单和侦听器
    class和style的绑定
    每次加载更新新的背景图
    vue--计算属性
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6648032.html
Copyright © 2011-2022 走看看