JSON对象数据到html表

// JSON对象数据
var jsonData = {
  "name": "John Doe",
  "age": 30,
  "email": "johndoe@example.com"
};

// 解析JSON数据
var jsonObject = JSON.parse(jsonData);

// 创建HTML表格
var table = document.createElement("table");
var thead = document.createElement("thead");
var tbody = document.createElement("tbody");

// 构建表头
var headerRow = document.createElement("tr");
for (var key in jsonObject) {
  var th = document.createElement("th");
  th.textContent = key;
  headerRow.appendChild(th);
}
thead.appendChild(headerRow);
table.appendChild(thead);

// 构建表格数据
var dataRow = document.createElement("tr");
for (var key in jsonObject) {
  var td = document.createElement("td");
  td.textContent = jsonObject[key];
  dataRow.appendChild(td);
}
tbody.appendChild(dataRow);
table.appendChild(tbody);

// 将表格插入到页面中
document.body.appendChild(table);