使用JavaScript在循环中打印表格

// 创建表格元素
var table = document.createElement("table");

// 创建表头行
var headerRow = document.createElement("tr");

// 创建表头单元格，并设置内容
var headerCell1 = document.createElement("th");
headerCell1.textContent = "姓名";
var headerCell2 = document.createElement("th");
headerCell2.textContent = "年龄";
headerRow.appendChild(headerCell1);
headerRow.appendChild(headerCell2);

// 将表头行添加到表格中
table.appendChild(headerRow);

// 表格数据
var data = [
  { name: "张三", age: 20 },
  { name: "李四", age: 25 },
  { name: "王五", age: 30 }
];

// 循环遍历数据并创建表格行
data.forEach(function(item) {
  var row = document.createElement("tr");

  // 创建姓名单元格，并设置内容
  var cell1 = document.createElement("td");
  cell1.textContent = item.name;

  // 创建年龄单元格，并设置内容
  var cell2 = document.createElement("td");
  cell2.textContent = item.age;

  // 将单元格添加到行中
  row.appendChild(cell1);
  row.appendChild(cell2);

  // 将行添加到表格中
  table.appendChild(row);
});

// 将表格添加到页面指定的容器中
document.getElementById("tableContainer").appendChild(table);