点击按钮内容传递给两列表格显示，有删除功能JS方法

你可以使用JavaScript来实现点击按钮后将内容传递给两个列表格，并且带有删除功能。下面是一个简单的示例代码：

HTML部分：

<input type="text" id="inputText">
<button onclick="addItem()">添加</button>

<h3>表格1</h3>
<table id="table1">
  <thead>
    <tr>
      <th>内容</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody id="tableBody1"></tbody>
</table>

<h3>表格2</h3>
<table id="table2">
  <thead>
    <tr>
      <th>内容</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody id="tableBody2"></tbody>
</table>

JavaScript部分：

function addItem() {
  // 获取输入框的值
  var input = document.getElementById("inputText").value;

  // 创建新的行
  var newRow = document.createElement("tr");

  // 创建包含内容的单元格
  var contentCell = document.createElement("td");
  contentCell.innerHTML = input;

  // 创建包含删除按钮的单元格
  var deleteCell = document.createElement("td");
  var deleteBtn = document.createElement("button");
  deleteBtn.innerHTML = "删除";
  deleteBtn.onclick = function() {
    // 当点击删除按钮时，移除对应的行
    newRow.remove();
  };
  deleteCell.appendChild(deleteBtn);

  // 将单元格添加到新的行中
  newRow.appendChild(contentCell);
  newRow.appendChild(deleteCell);

  // 将新的行添加到表格1中
  document.getElementById("tableBody1").appendChild(newRow);

  // 克隆新的行，并将其添加到表格2中
  document.getElementById("tableBody2").appendChild(newRow.cloneNode(true));

  // 清空输入框的值
  document.getElementById("inputText").value = "";
}

这段代码将获取输入框中的值，创建一个新的行，并将其添加到“表格1”中。同时，它还创建了一个包含删除按钮的单元格，当点击该按钮时，对应的行将被移除。然后，它将新的行添加到“表格2”中，并确保两个表格中的行相互独立。

希望这对你有帮助！