HTML | DOM Table deleteRow( ) Method
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