The HTMLTableElement.deleteRow()
method removes a specific row (<tr>
) from a given <table>
.
Syntax
HTMLTableElement.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
No return value
Errors thrown
If the number of the row to delete, specified by the parameter, is greater or equal to the number of available rows, or if it is negative and not equal to the special index -1
, representing the last row of the table, the exception INDEX_SIZE_ERR
is thrown.
Example
This example uses JavaScript to delete a table's second row.
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
let table = document.querySelector('table'); // Delete second row table.deleteRow(1);
Result
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'HTMLTableElement: deleteRow' in that specification. |
Living Standard |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
deleteRow | Chrome Full support Yes | Edge Full support 12 | Firefox Full support Yes | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android ? | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown