HTML | DOM Table deleteRow( ) Method
Last Updated :
19 Feb, 2019
The Table deleteRow() method is used for removing a <tr> element from a table. In other words, Table deleteRow() method is used for deleting row(s) at the specified index in the table.
Syntax
tableObject.deleteRow(index)
Parameters Used
- index :It is used to specify the position of the row to be deleted. The value 0 results in the deletion of the first row whereas -1 can be used to delete the last row.
Below program illustrates the Table deleteRow() method :
Example-1: Deleting the first row from a table.
<!DOCTYPE html>
< html >
< head >
< title >Table deleteRow() method in HTML</ title >
< style >
table,
td {
border: 1px solid green;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >Table deleteRow() method</ h2 >
< p >To delete the first row from the table,
double-click the "Delete Row" button.</ p >
< table id = "Courses" align = "center" >
< tr >
< td >Java</ td >
< td >Fork Java</ td >
</ tr >
< tr >
< td >Python</ td >
< td >Fork Python</ td >
</ tr >
< tr >
< td >Placements</ td >
< td >Sudo Placement</ td >
</ tr >
</ table >
< br >
< button ondblclick = "row()" >
Delete Row
</ button >
< script >
function row() {
// delete row (index-0).
document.getElementById("Courses").deleteRow(0);
}
</ script >
</ body >
</ html >
|
Output:
After clicking the button
Supported Browsers:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...