如何使用JavaScript将嵌套的JSON文件项目导出到HTML表中？

// 1. 创建一个空的HTML表格
var table = document.createElement("table");

// 2. 获取JSON数据
fetch("data.json")
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    // 3. 解析JSON数据为JavaScript对象
    var jsonData = JSON.parse(data);

    // 4. 遍历对象的每个项目
    jsonData.forEach(function(item) {
      // 5. 创建表格行和列
      var row = document.createElement("tr");

      var column1 = document.createElement("td");
      column1.innerHTML = item.property1; // 根据实际的JSON属性名称填充数据
      row.appendChild(column1);

      var column2 = document.createElement("td");
      column2.innerHTML = item.property2;
      row.appendChild(column2);

      // 添加更多的列，根据需要填充数据

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

    // 7. 将表格添加到HTML页面的特定元素中
    document.getElementById("tableContainer").appendChild(table);
  });