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

在JavaScript中添加带有删除按钮的<tr>可以通过以下步骤实现：

首先，创建一个包含删除按钮的<tr>元素。可以使用createElement方法创建<tr>元素，并使用innerHTML属性设置其内容，包括一个删除按钮。例如：

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

接下来，定义一个deleteRow函数，该函数将在点击删除按钮时被调用。该函数可以通过parentNode属性获取到按钮所在的<td>元素，然后使用parentNode.parentNode获取到整个<tr>元素，并将其从DOM中移除。例如：

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

最后，将创建的<tr>元素添加到表格中的某个位置。可以通过获取表格的引用，然后使用appendChild方法将<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);

请注意，上述示例中的myTable是一个具有id属性的表格元素，你需要根据实际情况修改为你的表格的id。此外，示例中的数据和按钮仅供参考，你可以根据实际需求进行修改和扩展。