动态呈现表格的空Div标记问题

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

// 获取要插入表格的容器元素
var tableContainer = document.getElementById("tableContainer");

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

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

// 创建表头单元格并设置内容
var headerCell1 = document.createElement("th");
headerCell1.textContent = "列1";
var headerCell2 = document.createElement("th");
headerCell2.textContent = "列2";

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

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

// 创建数据行
var dataRow = document.createElement("tr");

// 创建数据单元格并设置内容
var dataCell1 = document.createElement("td");
dataCell1.textContent = "数据1";
var dataCell2 = document.createElement("td");
dataCell2.textContent = "数据2";

// 将数据单元格添加到数据行
dataRow.appendChild(dataCell1);
dataRow.appendChild(dataCell2);

// 将数据行添加到表格
table.appendChild(dataRow);

// 将表格添加到容器元素
tableContainer.appendChild(table);