<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table id="table-id" style="border:1px solid coral">
<tr>
<td>abc</td>
<td>def</td>
<td><input type="button" value="Delete" onclick="deleteTableRow('table-id', 0)"></td>
</tr>
<tr>
<td>ghi</td>
<td>jkl</td>
<td><input type="button" value="Delete" onclick="deleteTableRow('table-id', 1)"></td>
</tr>
<tr>
<td>mno</td>
<td>pqr</td>
<td><input type="button" value="Delete" onclick="deleteTableRow('table-id', 2)"></td>
</tr>
</table>
<script>
function deleteTableRow(id, row)
{
document.getElementById(id).deleteRow(row);
}
/*
run:
On button click the current table row, will be deleted
*/
</script>
</body>
</html>
