中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
西安市| 哈巴河县| 潮州市| 上饶县| 阳曲县| 应用必备| 乃东县| 庆云县| 特克斯县| 洛阳市| 桑日县| 翁牛特旗| 应城市| 广平县| 鄂州市| 嘉禾县| 青海省| 中西区| 子洲县| 临潭县| 林周县| 平利县| 兴仁县| 吴旗县| 普格县| 山东省| 克山县| 佛坪县| 霍山县| 收藏| 会理县| 东港市| 密云县| 惠来县| 大名县| 丹江口市| 冀州市| 綦江县| 巩留县| 定安县| 乡宁县|