要刪除動態表格中的行,可以使用以下方法:
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。
可以根據具體的需求和表格結構,適當修改上述示例代碼來實現刪除動態表格行的功能。