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>
<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>
</table>
JavaScript
js
let table = document.querySelector("table");
// Delete second row
table.deleteRow(1);
Result
Specifications
| Specification |
|---|
| HTML # dom-table-deleterow-dev |
Browser compatibility
Loading…