HTMLTableElement: deleteRow() method
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The HTMLTableElement.deleteRow() method removes a specific row (<tr>) from a given <table>.
Syntax
js
deleteRow(index) Parameters
index-
indexis an integer representing the row that should be deleted. However, the special index-1can be used to remove the very last row of a table.
Return value
None (undefined).
Exceptions
IndexSizeErrorDOMException-
Thrown if
indexis 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
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
js
let table = document.querySelector("table"); // Delete second row table.deleteRow(1); Result
Specifications
| Specification |
|---|
| HTML # dom-table-deleterow-dev |