用Javascript对象动态创建html表

// 表格数据对象
var tableData = {
  name: ['John', 'Jane', 'Mike'],
  age: [25, 30, 35],
  city: ['New York', 'London', 'Tokyo']
};

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

// 创建thead元素
var thead = document.createElement('thead');
table.appendChild(thead);

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

// 创建表头单元格
for (var column in tableData) {
  var th = document.createElement('th');
  th.textContent = column;
  headerRow.appendChild(th);
}

// 创建tbody元素
var tbody = document.createElement('tbody');
table.appendChild(tbody);

// 创建数据行和单元格
for (var i = 0; i < tableData.name.length; i++) {
  var dataRow = document.createElement('tr');
  tbody.appendChild(dataRow);

  for (var column in tableData) {
    var td = document.createElement('td');
    td.textContent = tableData[column][i];
    dataRow.appendChild(td);
  }
}

// 将表格添加到页面中的指定位置
document.body.appendChild(table);