繁体中文
设为首页
加入收藏
脚本专栏
网络编程
电子书
软件下载
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
在线手册
在线工具
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容 js 删除table的一行
javascript删除Table中的一行的脚本代码
发布：dxy 字体：[
增加
减小
] 类型：转载
用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 全选 提示:你可先修改部分代码,再按运行]
Tags：
javascript
删除
Table
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
教你如何解密js/vbs/vbscript加密的编码异处理小结
下一篇文章：
开发跨浏览器的JavaScript方法说明
·在百度中搜索关于“
javascript删除Table中的一行的脚本代码
”相关内容
·在谷歌中搜索关于“
javascript删除Table中的一行的脚本代码
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
滚动条代码生成器
在CSS里写复杂的JavaScript脚本
js将网址转为urlencode类型
javascript之水平横向滚动歌词同步的应用
非常不错的不间断循环滚动类 兼容多浏览器
JavaScript使用prototype定义对象类型(转
拖动Html元素集合 Drag and Drop any ite
点击单元格后可编辑单元格内文本如何制作
奇妙的js
JsEasy简介 JsEasy是什么?与下载
最 近 更 新
模仿IE自动完成功能
给自定义对象加上自定义事件的支持的教程
用js查找法实现当前栏目的高亮显示的代码
js类中的公有变量和私有变量
在b/s开发中经常用到的javaScript技术
兼容firefox的给每一个onClick再附加一个
绝对经典的滑轮新闻显示(javascript+css)
使用TextRange获取输入框中光标的位置的代
IE和Firefox在JavaScript应用中的兼容性探
js获取单选按钮的数据
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
JavaScript实现Sleep函数的代码
彻底搞懂JS无缝滚动代码
Unicode 编码转换器
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句