使用Javascript创建复杂的表体结构

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

// 创建thead元素并添加到table中
var thead = document.createElement('thead');
table.appendChild(thead);

// 创建表头行和表头单元格
var headerRow = document.createElement('tr');
var headerCell1 = document.createElement('th');
headerCell1.textContent = 'Name';
var headerCell2 = document.createElement('th');
headerCell2.textContent = 'Age';

// 将表头单元格添加到表头行中
headerRow.appendChild(headerCell1);
headerRow.appendChild(headerCell2);

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

// 创建tbody元素并添加到table中
var tbody = document.createElement('tbody');
table.appendChild(tbody);

// 创建表身行和表身单元格，并添加到tbody中
var dataRow1 = document.createElement('tr');
var dataCell1 = document.createElement('td');
dataCell1.textContent = 'John';
var dataCell2 = document.createElement('td');
dataCell2.textContent = '25';

var dataRow2 = document.createElement('tr');
var dataCell3 = document.createElement('td');
dataCell3.textContent = 'Emily';
var dataCell4 = document.createElement('td');
dataCell4.textContent = '30';

// 将表身单元格添加到表身行中
dataRow1.appendChild(dataCell1);
dataRow1.appendChild(dataCell2);
dataRow2.appendChild(dataCell3);
dataRow2.appendChild(dataCell4);

// 将表身行添加到tbody中
tbody.appendChild(dataRow1);
tbody.appendChild(dataRow2);

// 将table添加到页面中
document.getElementById('container').appendChild(table);