将动态JSON数组转换为HTML

// 假设动态JSON数组为data
var data = [
  { name: "John", age: 25, city: "New York" },
  { name: "Jane", age: 30, city: "London" },
  { name: "Bob", age: 35, city: "Paris" }
];

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

// 创建表头
var thead = document.createElement("thead");
var headerRow = document.createElement("tr");
for (var key in data[0]) {
  var th = document.createElement("th");
  th.textContent = key;
  headerRow.appendChild(th);
}
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表格内容
var tbody = document.createElement("tbody");
data.forEach(function(item) {
  var row = document.createElement("tr");
  for (var key in item) {
    var cell = document.createElement("td");
    cell.textContent = item[key];
    row.appendChild(cell);
  }
  tbody.appendChild(row);
});
table.appendChild(tbody);

// 将表格插入到指定的HTML容器中
var container = document.getElementById("container");
container.appendChild(table);