html 批量导入数据到table

你可以使用 JavaScript 和 DOM 操作来实现将数据批量导入到 HTML 表格中。以下是一个简单的示例：

HTML 代码：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<button onclick="addData()">添加数据</button>

JavaScript 代码：

function addData() {
  var data = [
    {name: '张三', age: 20},
    {name: '李四', age: 25},
    {name: '王五', age: 30}
  ];

  var table = document.getElementById('myTable');
  var tbody = table.getElementsByTagName('tbody')[0];

  for (var i = 0; i < data.length; i++) {
    var row = document.createElement('tr');
    var nameCell = document.createElement('td');
    var ageCell = document.createElement('td');
    nameCell.innerHTML = data[i].name;
    ageCell.innerHTML = data[i].age;
    row.appendChild(nameCell);
    row.appendChild(ageCell);
    tbody.appendChild(row);
  }
}

在这个示例中，我们首先定义了一个包含数据的数组。然后，在 `addData()` 函数中，我们获取表格元素及其 `tbody` 元素，然后使用一个循环来遍历数据数组。在每次循环中，我们创建一个新的行和两个单元格，将数据填充到单元格中，然后将单元格添加到行中，最后将行添加到表格的 `tbody` 中。当我们点击“添加数据”按钮时，就会调用 `addData()` 函数，将数据添加到表格中。

你也可以根据实际需求来修改这个示例，并将其扩展到更复杂的情况下。