Latest web development tutorials
 

Table deleteRow() Method

< Table Object

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