Firefox Tomorrow

web api instance method

HTMLTableElement: deleteRow() method

View on MDN ↗

The HTMLTableElement.deleteRow() method removes a specific row (<tr>) from a given <table>.

Syntax

deleteRow(index)

Parameters

  • index
    • : index is an integer representing the row that should be deleted. However, the special index -1 can be used to remove the very last row of a table.

Return value

None (undefined).

Exceptions

  • IndexSizeError DOMException
    • : Thrown if index is greater than or equal to the number of available rows or is a negative value other than -1.

Examples

This example uses JavaScript to delete a table’s second row.

HTML

<table>
  <tbody>
    <tr>
      <td>Cell 1.1</td>
      <td>Cell 1.2</td>
      <td>Cell 1.3</td>
    </tr>
    <tr>
      <td>Cell 2.1</td>
      <td>Cell 2.2</td>
      <td>Cell 2.3</td>
    </tr>
    <tr>
      <td>Cell 3.1</td>
      <td>Cell 3.2</td>
      <td>Cell 3.3</td>
    </tr>
  </tbody>
</table>

JavaScript

let table = document.querySelector("table");

// Delete second row
table.deleteRow(1);

Result

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also