Delete Rows in a Table with JavaScript

In this example, We’ll learn How to delete row in a table in JavaScript.

HTML+JavaScript Code:


<!DOCTYPE html>
<html>
<body>

<table id="myTable" style="padding:8px;border:1px solid black">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

<p>
<input type="button" value="Delete one Row"
onclick="document.getElementById('myTable').deleteRow(0)">
</p>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

<tr>

<td>Smith</td>

</tr>

<tr>

<td>Jackson</td>

</tr>

<tr>

</tr>

</table>

<p>

<input type="button" value="Delete one Row"

onclick="document.getElementById('myTable').deleteRow(0)">

</p>

</body>

</html>

Delete Rows in a Table with JavaScript1 min read

Leave a Comment X

You may also like

Leave a Comment X