js将输入框内的数据放入表格

可以通过以下步骤将输入框内的数据放入表格：

1. 首先，需要在 HTML 中创建一个表格和一个输入框，可以使用以下代码：

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
    </tr>
  </tbody>
</table>

<input type="text" id="inputData">
<button onclick="addData()">添加数据</button>

2. 然后，在 JavaScript 中编写一个函数，该函数将获取输入框中的数据并将其添加到表格中。可以使用以下代码：

function addData() {
  // 获取输入框中的数据
  var inputData = document.getElementById("inputData").value;

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

  // 创建两个新的表格单元格
  var cell1 = document.createElement("td");
  var cell2 = document.createElement("td");

  // 将输入框中的数据分别放入两个单元格中
  cell1.innerHTML = inputData;
  cell2.innerHTML = "其他数据";

  // 将两个单元格添加到新行中
  newRow.appendChild(cell1);
  newRow.appendChild(cell2);

  // 将新行添加到表格的主体部分中
  var tableBody = document.getElementById("myTable").getElementsByTagName("tbody")[0];
  tableBody.appendChild(newRow);
}

3. 最后，在 HTML 中的按钮上添加一个 onclick 属性，将其设置为刚才编写的函数名称，例如：

<button onclick="addData()">添加数据</button>

这样，当用户单击按钮时，输入框中的数据将被添加到表格的末尾。