如何在javascript中添加带有delete按钮的<tr>

var tr = document.createElement('tr');
tr.innerHTML = '<td>数据1</td><td>数据2</td><td><button onclick="deleteRow(this)">删除</button></td>';

function deleteRow(button) {
  var td = button.parentNode;
  var tr = td.parentNode;
  tr.parentNode.removeChild(tr);
}

var table = document.getElementById('myTable');
table.appendChild(tr);

// 创建带有删除按钮的<tr>元素
var tr = document.createElement('tr');
tr.innerHTML = '<td>数据1</td><td>数据2</td><td><button onclick="deleteRow(this)">删除</button></td>';

// 删除行的函数
function deleteRow(button) {
  var td = button.parentNode;
  var tr = td.parentNode;
  tr.parentNode.removeChild(tr);
}

// 将<tr>元素添加到表格中
var table = document.getElementById('myTable');
table.appendChild(tr);