javascript删除Table中的一行的脚本代码

更新时间：2008年06月25日 21:37:20 作者：

用js实现的删除table中一行数据的代码

<html> <head> <title>javascript删除talbe中的一行</title> <script type="text/javascript"> function Goto(){} function deleteCurrentRow(obj){ var tr=obj.parentNode.parentNode; var tbody=tr.parentNode; tbody.removeChild(tr); } </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:Goto();" 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:Goto();" 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:Goto();" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a> </td> </tr> <tr> <td style="width:35%;">请假单4</td> <td style="width:35%;">请假单</td> <td align="Center" style="width:10%;">不允许</td> <td align="Center" style="width:20%;"> <a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a> </td> </tr> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS实现键值对遍历json数组功能示例
这篇文章主要介绍了JS实现键值对遍历json数组功能,结合实例形式分析了javascript遍历json数组相关操作技巧,需要的朋友可以参考下
2018-05-05
uniapp web-view组件双向通信的问题记录
本文主要介绍在uniapp中页面与webview组件内页面的双向通信问题,本文通过图文实例代码相结合给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2024-07-07
JavaScript创建对象的四种常用模式实例分析
这篇文章主要介绍了JavaScript创建对象的四种常用模式,结合实例形式分析了javascript使用工厂模式、构造函数模式、原型模式及动态原型模式创建对象的相关操作技巧与注意事项,需要的朋友可以参考下
2019-01-01
bootstrap-treeview实现多级树形菜单后台JSON格式如何组织?
这篇文章主要介绍了bootstrap-treeview实现多级树形菜单，后台JSON格式如何组织，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
JavaScript设计模式之命令模式实例分析
这篇文章主要介绍了JavaScript设计模式之命令模式,结合实例形式分析了javascript命令模式的概念、原理、用法及相关注意事项,需要的朋友可以参考下
2019-01-01
5种处理js跨域问题方法汇总
本文汇总了解决js跨域问题的5种方法，除了最后一种使用flash解决跨域问题由于过于高端，没有做出介绍外，其余四种都做了下总结，这里推荐给有相同需求的小伙伴。
2014-12-12
Bootstrap 按钮样式与使用代码详解
这篇文章主要介绍了Bootstrap -- 按钮样式与使用，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-12-12
javascript点击按钮实现隐藏显示切换效果
这篇文章主要介绍了javascript点击按钮实现隐藏显示切换效果，以一个完整的实例为大家分析了js点击按钮实现隐藏显示切换的功能，感兴趣的小伙伴们可以参考一下
2016-02-02
JavaScript图片打印方案实例详解
有时候我们希望文件上传的时候预览图片,下面这篇文章主要给大家介绍了关于JavaScript图片打印方案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-03-03
javascript实现贪吃蛇小游戏思路
这篇文章主要为大家详细介绍了javascript实现贪吃蛇思路小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09

javascript删除Table中的一行的脚本代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具