JavaScript实现删除Table指定行的方法
作者:异步漫步时间:2026-10-22 18:45:59浏览:376
本文介绍如何使用JavaScript脚本动态删除HTML表格中的指定行。通过获取表格ID及行索引,利用DOM方法移除节点,实现前端数据的动态更新。
JavaScript实现删除Table指定行的方法
<html> <head> <title>javascript删除talbe中的一行</title> </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%;"> 删除 </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%;"> 删除 </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%;"> 删除 </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%;"> 删除 </td> </tr> </table> </body> </html> 注意:若代码中引入了外部JavaScript文件,执行前需刷新页面以确保脚本加载生效。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
