JavaScript 删除表格行：删除最后一行的代码示例

JavaScript 删除表格行：删除最后一行的代码示例

在 JavaScript 中，您可以使用 deleteRow() 方法删除表格的指定行。以下代码示例演示如何删除表格的最后一行：

function deleteLastRow() {
  var tb01 = document.getElementById('tb1');
  var lastRow = tb01.rows.length - 1;
  tb01.deleteRow(lastRow);
}

代码解析：

1. document.getElementById('tb1')：获取 ID 为 'tb1' 的表格元素。
2. tb01.rows.length - 1：获取表格行的总数，并减去 1 来获得最后一行索引。
3. tb01.deleteRow(lastRow)：删除指定索引的表格行。

示例用法：

假设您有一个 ID 为 'tb1' 的表格，您可以使用以下代码删除它的最后一行：

// 假设表格存在
var tb01 = document.getElementById('tb1');

// 删除表格的最后一行
deleteLastRow();

注意：

• deleteRow() 方法会删除指定索引的表格行，并更新表格的结构。
• 在使用 deleteRow() 方法之前，请确保表格元素存在，且您想要删除的行索引有效。
• 您可以根据需要修改代码中的表格 ID 和行索引。

希望以上内容能够帮助您了解如何使用 JavaScript 删除表格行。如果您有任何问题，请随时提出。