表格外设置一个按钮去删除表格内的某一行

对于表格外设置一个按钮去删除表格内的某一行，您可以通过以下步骤来实现：

1. 在表格的每一行中添加一个删除按钮，用于删除该行数据。

2. 在按钮的点击事件中，获取需要删除的行数据，并将其从表格中移除。

3. 对于表格外的删除按钮，您可以通过以下代码来实现：

// 获取表格
var table = document.getElementById("myTable");

// 获取删除按钮
var deleteButton = document.getElementById("deleteButton");

// 为删除按钮添加点击事件
deleteButton.addEventListener("click", function() {
  // 获取选中行的索引
  var rowIndex = table.selectedIndex;

  // 移除选中行
  table.deleteRow(rowIndex);
});

这样，当您点击表格外的删除按钮时，就可以删除表格中选中的行数据了。

相关问题

表格外设置一个按钮根据id去删除表格内的某一行

好的，针对您的问题，您可以参考以下代码实现：

HTML代码：

<table id="myTable">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>John Doe</td>
      <td><button onclick="deleteRow(1)">Delete</button></td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jane Doe</td>
      <td><button onclick="deleteRow(2)">Delete</button></td>
    </tr>
    <tr>
      <td>3</td>
      <td>Bob Smith</td>
      <td><button onclick="deleteRow(3)">Delete</button></td>
    </tr>
  </tbody>
</table>

JavaScript代码：

function deleteRow(id) {
  var table = document.getElementById("myTable");
  for (var i = 0; i < table.rows.length; i++) {
    if (table.rows[i].cells[0].innerHTML == id) {
      table.deleteRow(i);
      break;
    }
  }
}

在这段代码中，我们首先获取了表格对象和要删除的行的id。然后我们遍历表格中的每一行，找到与传入的id相匹配的行，然后使用`deleteRow()`方法删除该行。

请注意，为了使代码更简洁，我将按钮的单击事件直接绑定到了JavaScript函数`deleteRow()`上，而不是使用`addEventListener()`方法来添加事件侦听器。在实际应用中，最好使用后者，因为这样可以更好地将HTML和JavaScript分离开来。

用layui做一个表格，有添加一行按钮和删除一行按钮

好的，这个问题我可以回答。您可以使用layui的table模块来创建一个表格，然后在表格中添加一个“添加一行”按钮和一个“删除一行”按钮。您可以使用JavaScript来实现这些按钮的功能，例如使用jQuery的append()和remove()方法来添加和删除行。如果您需要更详细的指导，请告诉我。