用Javascript对象动态创建html表

使用Javascript对象动态创建HTML表，可以通过以下步骤实现：

创建一个Javascript对象，用于存储表格的数据。对象可以包含多个属性，每个属性代表表格的一列，属性值为一个数组，存储该列的数据。
使用Javascript动态创建HTML表格的代码，可以通过以下步骤实现：
- 创建一个table元素，使用document.createElement方法。
- 创建thead元素，使用document.createElement方法，并将其添加到table元素中。
- 创建tr元素，使用document.createElement方法，并将其添加到thead元素中。
- 遍历表格数据对象的属性，创建th元素，使用document.createElement方法，并将属性名作为th元素的文本内容，然后将th元素添加到tr元素中。
- 将thead元素添加到table元素中。

创建tbody元素，使用document.createElement方法，并将其添加到table元素中。
遍历表格数据对象的属性值数组，创建tr元素，使用document.createElement方法，并将其添加到tbody元素中。
遍历每个属性值数组的元素，创建td元素，使用document.createElement方法，并将元素值作为td元素的文本内容，然后将td元素添加到tr元素中。
将tbody元素添加到table元素中。
将table元素添加到页面中的指定位置，例如使用document.body.appendChild方法将其添加到body元素中。

以下是一个示例代码：

// 表格数据对象
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);

这段代码会根据表格数据对象动态创建一个包含表头和数据的HTML表格，并将其添加到页面中的body元素中。你可以根据实际需求修改表格数据对象和添加表格的位置。