发布时间:2025-12-11 01:09:10 浏览次数:20
要删除动态表格中的行,可以使用以下方法:
使用JavaScript的removeChild() 方法删除指定的行元素。首先,获取要删除的行元素的父节点(通常是 <tbody> 元素)。然后,使用 removeChild() 方法从父节点中删除指定的行元素。以下是一个示例代码:
function deleteRow(rowId) { var row = document.getElementById(rowId); if (row) { row.parentNode.removeChild(row); }}在上面的代码中,deleteRow() 函数接受一个参数 rowId,该参数表示要删除的行元素的 ID。函数首先通过 document.getElementById() 方法获取要删除的行元素,然后使用 removeChild() 方法从父节点中删除该行元素。
deleteRow() 函数删除相应的行。以下是一个示例代码:
<table id="myTable"> <tbody> <tr id="row1"> <td>Row 1</td> <td><button onclick="deleteRow('row1')">delete</button></td> </tr> <tr id="row2"> <td>Row 2</td> <td><button onclick="deleteRow('row2')">delete</button></td> </tr> </tbody></table>在上面的代码中,每个行都包含一个删除按钮,点击按钮时会调用 deleteRow() 函数,并传递相应的行元素的 ID。
可以根据具体的需求和表格结构,适当修改上述示例代码来实现删除动态表格行的功能。