Mega Code Archive

 
Categories / JavaScript DHTML / HTML
 

Deleting table rows

<html> <head> <script type="text/javascript"> function deleteRow(i){     document.getElementById('myTable').deleteRow(i) } </script> </head> <body> <table id="myTable" border="1"> <tr>   <td>Row 1</td>   <td><input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"></td> </tr> <tr>   <td>Row 2</td>   <td><input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"></td> </tr> <tr>   <td>Row 3</td>   <td><input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"></td> </tr> </table> </body> </html>