如何在js中使用单独的按钮删除表行

<table id="myTable">
  <tr>
    <td>行1</td>
    <td><button onclick="deleteRow(1)">删除</button></td>
  </tr>
  <tr>
    <td>行2</td>
    <td><button onclick="deleteRow(2)">删除</button></td>
  </tr>
  <tr>
    <td>行3</td>
    <td><button onclick="deleteRow(3)">删除</button></td>
  </tr>
</table>

function deleteRow(rowId) {
  var table = document.getElementById("myTable");
  var row = document.getElementById("row" + rowId);
  table.deleteRow(row.rowIndex);
}

<script>
  // JavaScript代码
</script>