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:;" οnclick='{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:;" οnclick='{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:;" οnclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
			</td>
		</tr>
	</table>
</body>
</html>

 


在原有的基础上更改了一下,在只剩行首时将表格也删除掉

 

原帖地址:http://blog.sina.com.cn/s/blog_51777ce901009b6w.html

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值