91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

deleteRow()刪除動態表格行的問題

小億
107
2023-12-20 17:46:26
欄目: 編程語言

要刪除動態表格中的行,可以使用以下方法:

  1. 使用JavaScript的 removeChild() 方法刪除指定的行元素。
    • 首先,獲取要刪除的行元素的父節點(通常是 <tbody> 元素)。
    • 然后,使用 removeChild() 方法從父節點中刪除指定的行元素。

以下是一個示例代碼:

function deleteRow(rowId) {
  var row = document.getElementById(rowId);
  if (row) {
    row.parentNode.removeChild(row);
  }
}

在上面的代碼中,deleteRow() 函數接受一個參數 rowId,該參數表示要刪除的行元素的 ID。函數首先通過 document.getElementById() 方法獲取要刪除的行元素,然后使用 removeChild() 方法從父節點中刪除該行元素。

  1. 在動態表格中的每一行添加一個刪除按鈕,并為每個按鈕添加一個點擊事件監聽器。當點擊刪除按鈕時,調用 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。

可以根據具體的需求和表格結構,適當修改上述示例代碼來實現刪除動態表格行的功能。

0
醴陵市| 都昌县| 论坛| 仪陇县| 晋城| 虹口区| 罗山县| 成武县| 伊通| 焉耆| 丰顺县| 玛沁县| 双牌县| 通山县| 林西县| 曲靖市| 墨玉县| 远安县| 昌图县| 工布江达县| 连江县| 岐山县| 瑞安市| 仁怀市| 兰坪| 兰西县| 民勤县| 亳州市| 桂平市| 呼图壁县| 方山县| 萝北县| 彩票| 浪卡子县| 会泽县| 老河口市| 韩城市| 马山县| 新邵县| 手游| 辉南县|