搜索使用javascript对象生成的HTML表

var tableData = [
  { Name: "John", Age: 25, City: "New York" },
  { Name: "Jane", Age: 30, City: "London" },
  { Name: "Bob", Age: 35, City: "Paris" }
];

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

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

// 遍历表头数据并创建表头单元格
Object.keys(tableData[0]).forEach(function(key) {
  var th = document.createElement("th");
  th.textContent = key;
  headerRow.appendChild(th);
});

// 将表头行添加到表头
thead.appendChild(headerRow);

// 将表头添加到表格
table.appendChild(thead);

// 创建表格主体
var tbody = document.createElement("tbody");

// 遍历表格数据并创建表格行和单元格
tableData.forEach(function(rowData) {
  var row = document.createElement("tr");

  Object.values(rowData).forEach(function(value) {
    var cell = document.createElement("td");
    cell.textContent = value;
    row.appendChild(cell);
  });

  tbody.appendChild(row);
});

// 将表格主体添加到表格
table.appendChild(tbody);

// 将表格添加到页面中的某个元素中
document.getElementById("tableContainer").appendChild(table);

<div id="tableContainer"></div>