Example
Delete the first row in a table:
document.getElementById("myTable").deleteRow(0);
Try it Yourself »
Definition and Usage
The deleteRow() method removes the row at the specified index from a table.
Tip: Use the insertRow() to create and insert a new row.
Browser Support
| Method | |||||
|---|---|---|---|---|---|
| deleteRow() | Yes | Yes | Yes | Yes | Yes |
Syntax
tableObject.deleteRow(index)
Parameter Values
| Value | Description |
|---|---|
| index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer that specifies the position of the row to delete (starts
at 0). The value of 0 results in that the first row will be deleted. The value of -1 can also be used; which result in that the last row will be deleted. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. If this parameter is omitted, deleteRow() removes the last row in IE and the first row in Chrome and Safari. |
Technical Details
| Return Value: | No return value |
|---|
More Examples
Example
Delete the row you click on:
function deleteRow(r) {
var i =
r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
Try it Yourself »
Example
Create and delete row(s):
function myCreateFunction() {
var table =
document.getElementById("myTable");
var row =
table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW
CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
}
Try it Yourself »
Related Pages
HTML reference: HTML <tr> tag
< Table Object