如何使用javascript删除表格中的行？

var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {
  var deleteButton = rows[i].querySelector(".delete-button");
  deleteButton.addEventListener("click", function() {
    // 删除行的逻辑
  });
}

deleteButton.addEventListener("click", function() {
  var row = this.parentNode.parentNode;
  row.parentNode.removeChild(row);
});

<table id="myTable">
  <tr>
    <td>行1</td>
    <td><button class="delete-button">删除</button></td>
  </tr>
  <tr>
    <td>行2</td>
    <td><button class="delete-button">删除</button></td>
  </tr>
  <tr>
    <td>行3</td>
    <td><button class="delete-button">删除</button></td>
  </tr>
</table>

<script>
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {
  var deleteButton = rows[i].querySelector(".delete-button");
  deleteButton.addEventListener("click", function() {
    var row = this.parentNode.parentNode;
    row.parentNode.removeChild(row);
  });
}
</script>