JavaScript：从表中删除单击的表行

在 JavaScript 中，删除表中的行是一项常见的任务。通过使用表的 DOM（文档对象模型），可以轻松地通过处理单击事件来删除表行。下面是一个演示如何使用 JavaScript 从表中删除单击的表行的示例。

首先，我们需要一个 HTML 表格，其中包含需要操作的行。以下是一个简单的示例：

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>25</td>
      <td>New York</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>30</td>
      <td>London</td>
    </tr>
    <tr>
      <td>Mike</td>
      <td>35</td>
      <td>Paris</td>
    </tr>
  </tbody>
</table>

接下来，我们使用 JavaScript 添加单击事件处理程序。当用户单击表格中的行时，将触发该处理程序。处理程序将从表格中删除被单击的行。以下是一个示例的 JavaScript 代码：

<script>
  // 获取表格
  var table = document.getElementById("myTable");

  // 获取表格的所有行
  var rows = table.getElementsByTagName("tr");

  // 为每一行添加单击事件处理程序
  for (var i = 0; i < rows.length; i++) {
    rows[i].onclick = function() {
      // 当前被单击的行
      var currentRow = this;

      // 从表格中删除当前行
      table.deleteRow(currentRow.rowIndex);
    };
  }
</script>

上面的代码中，我们首先获取了包含表格的 DOM 元素。然后，使用getElementsByTagName方法获取到所有的表行元素，并为每一行添加了一个单击事件处理程序。在事件处理程序中，我们获取当前被单击的行，然后使用deleteRow方法从表格中删除该行。

现在，当用户单击表格中的任何一行时，该行将从表格中删除。

这是一个简单的例子，演示了如何使用 JavaScript 从表中删除单击的表行。你可以根据自己的需求对代码进行修改和扩展。