html 循环list取值放入生成的表格中

可以使用 JavaScript 来循环遍历列表中的值，并将其放入生成的表格中。

首先，需要在 HTML 中创建一个空的表格，如下所示：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

然后，在 JavaScript 中定义一个列表，如下所示：

var myList = [
  { name: "张三", age: 20, gender: "男" },
  { name: "李四", age: 25, gender: "女" },
  { name: "王五", age: 30, gender: "男" }
];

接下来，可以使用循环遍历列表中的每个项，并将它们插入到表格中。可以使用 `document.createElement()` 方法创建新的表格行和单元格，然后使用 `appendChild()` 方法将它们插入到表格中。具体代码如下：

var table = document.getElementById("myTable");
var tbody = table.getElementsByTagName("tbody")[0];
for (var i = 0; i < myList.length; i++) {
  var row = document.createElement("tr");
  var nameCell = document.createElement("td");
  var ageCell = document.createElement("td");
  var genderCell = document.createElement("td");
  nameCell.appendChild(document.createTextNode(myList[i].name));
  ageCell.appendChild(document.createTextNode(myList[i].age));
  genderCell.appendChild(document.createTextNode(myList[i].gender));
  row.appendChild(nameCell);
  row.appendChild(ageCell);
  row.appendChild(genderCell);
  tbody.appendChild(row);
}

在上面的代码中，`table` 变量用于获取表格元素，`tbody` 变量用于获取表格的 `<tbody>` 元素。然后，使用 `for` 循环遍历列表中的每个项。对于每个项，创建一个新的表格行和三个单元格，分别用于显示姓名、年龄和性别。使用 `appendChild()` 方法将单元格插入到表格行中，然后将表格行插入到表格的 `<tbody>` 元素中。

最终，生成的表格如下所示：

| 姓名 | 年龄 | 性别 |
| --- | --- | --- |
| 张三 | 20 | 男 |
| 李四 | 25 | 女 |
| 王五 | 30 | 男 |