js table添加行

可以通过 JavaScript 操作 DOM 来向表格添加行。下面是一个简单的示例：

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>30</td>
      <td>Male</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>25</td>
      <td>Female</td>
    </tr>
  </tbody>
</table>

<button onclick="addRow()">Add Row</button>

在上述代码中，我们创建了一个`table`元素，并且在表格中添加了一个表头和两行数据。接下来是 JavaScript 代码：

function addRow() {
  const table = document.getElementById('myTable');
  const row = table.insertRow(-1); // 在表格的最后一行插入新行
  const nameCell = row.insertCell(0); // 插入单元格并设置单元格内容
  const ageCell = row.insertCell(1);
  const genderCell = row.insertCell(2);
  nameCell.innerHTML = 'Tom';
  ageCell.innerHTML = '28';
  genderCell.innerHTML = 'Male';
}

在这个函数中，我们首先获取表格元素的引用，然后使用`insertRow()`方法在表格的最后一行插入新行。接下来，我们使用`insertCell()`方法在新行中插入单元格，并设置单元格的内容。最后，我们将新行添加到表格中。当用户点击添加行按钮时，调用该函数即可向表格中添加新的一行数据。