JavaScript 参考手册 目录

Table deleteRow() 方法

在 Web 前端开发中,操作表格是一个常见的需求。而在操作表格的过程中,我们经常会涉及到删除表格中的某一行的操作。在 JavaScript 中,可以通过使用 Table 对象的 deleteRow() 方法来实现删除表格中的行。本文将详细介绍 Table deleteRow() 方法的用法及示例。

语法

Table deleteRow() 方法的语法如下:

----------------------

参数说明:

  • index:要删除的行的索引,从 0 开始计数。

示例

假设我们有一个包含三行的表格,HTML 结构如下:

------ -------------
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
--------

现在,我们想要删除第二行,可以通过以下 JavaScript 代码实现:

--- ----- - -----------------------------------
-------------------

在上面的代码中,我们首先通过 getElementById() 方法获取到表格对象,然后调用 deleteRow() 方法并传入要删除的行的索引 1,即第二行。执行以上代码后,表格中的第二行将被删除。

注意事项

  • 调用 deleteRow() 方法后,表格中的行数会相应减少。
  • 如果要删除的行是表格中的最后一行,可以直接使用 deleteRow(-1) 来删除最后一行。
  • 如果要删除的行不存在,不会报错,deleteRow() 方法会默默失败。

通过 Table deleteRow() 方法,我们可以方便地删除表格中的行,实现动态操作表格的功能。希望本文对你有所帮助!


下一篇:概览