如何在表格中的同一行上获得两个按钮

<table>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>
      <button>按钮1</button>
    </td>
    <td>
      <button>按钮2</button>
    </td>
  </tr>
</table>

<table id="myTable">
  <tr>
    <td>数据1</td>
    <td>数据2</td>
  </tr>
</table>

<script>
  // 获取表格元素
  var table = document.getElementById("myTable");

  // 创建按钮元素
  var button1 = document.createElement("button");
  button1.innerHTML = "按钮1";

  var button2 = document.createElement("button");
  button2.innerHTML = "按钮2";

  // 创建新的表格行
  var row = table.insertRow();

  // 创建单元格并添加数据
  var cell1 = row.insertCell();
  cell1.innerHTML = "数据1";

  var cell2 = row.insertCell();
  cell2.innerHTML = "数据2";

  // 在新行的单元格中添加按钮
  var cell3 = row.insertCell();
  cell3.appendChild(button1);

  var cell4 = row.insertCell();
  cell4.appendChild(button2);
</script>