js怎么删除表格的某一行-js教程-PHP中文网

js怎么删除表格的某一行

下次还敢

发布： 2024-05-14 06:09:18

原创

936人浏览过

要使用 JavaScript 删除表格中的行，可以：获取要删除行的索引。使用 deleteRow() 方法删除行，传入要删除行的索引作为参数。

js怎么删除表格的某一行

如何使用 JavaScript 删除表格中的行

要使用 JavaScript 删除表格中的行，可以使用 deleteRow() 方法。这个方法可以删除指定的行。以下是如何实现的步骤：

获取要删除行的索引：
使用 rowIndex 属性获取要删除行的索引。
```
const rowIndex = row.rowIndex;
```
登录后复制
使用 deleteRow() 方法删除行：
使用 deleteRow() 方法删除行，传入要删除行的索引作为参数。

云网OA
采用JSP开发的办公自动化产品、基于B/S结构，运行环境：JDK v1.5、Tomcat v5.5、MySQL v4.1，三者均为以上版本其他相关内容：可视化流程设计：流程支持串签、会签和分支流程，可以设置流程节点的修改、删除权限，并可指定流程中各个用户在表单中可以填写的域。智能表单所见即所得设计：智能设计，自动在数据库中生成表格，方便优化程序公共交流：集论坛、博客、聊天室于一体文件柜：C

0

查看详情
```
table.deleteRow(rowIndex);
```
登录后复制

示例代码：

以下是一个示例代码，展示了如何使用 JavaScript 删除表格中的行：

<!DOCTYPE html>
<html>
<body>
  <table>
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>城市</th>
      </tr>
    </thead>
    <tbody>
      <tr id="row-1">
        <td>约翰</td>
        <td>30</td>
        <td>纽约</td>
      </tr>
      <tr id="row-2">
        <td>玛丽</td>
        <td>25</td>
        <td>洛杉矶</td>
      </tr>
      <tr id="row-3">
        <td>戴夫</td>
        <td>40</td>
        <td>旧金山</td>
      </tr>
    </tbody>
  </table>

  <button onclick="deleteRow()">删除第三行</button>

  <script>
    function deleteRow() {
      const row = document.getElementById("row-3");
      const rowIndex = row.rowIndex;
      const table = row.parentElement;

      table.deleteRow(rowIndex);
    }
  </script>
</body>
</html>

登录后复制

单击按钮将删除表格中的第三行。

以上就是js怎么删除表格的某一行的详细内容，更多请关注php中文网其它相关文章！