亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

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
石门县| 辽阳市| 潼南县| 高台县| 普陀区| 清苑县| 彝良县| 常宁市| 融水| 龙陵县| 乌拉特前旗| 益阳市| 柳河县| 武隆县| 米泉市| 克什克腾旗| 南充市| 兰州市| 长宁区| 孝感市| 新蔡县| 保康县| 渝中区| 土默特左旗| 鹤岗市| 张家川| 佛山市| 仁寿县| 青州市| 五常市| 准格尔旗| 阿拉善盟| 合作市| 洪湖市| 锡林郭勒盟| 呼图壁县| 佛冈县| 唐海县| 凌云县| 卓尼县| 如皋市|