使用javascript向html表添加新列

var table = document.getElementById("myTable");

var newHeaderCell = document.createElement("th");

newHeaderCell.innerHTML = "New Column";

var headerRow = table.tHead.rows[0];  // 获取表格的表头行
headerRow.appendChild(newHeaderCell);

var rows = table.rows;
for (var i = 0; i < rows.length; i++) {
  var newRowCell = rows[i].insertCell();  // 创建新的单元格
  newRowCell.innerHTML = "Data " + (i + 1);  // 设置单元格的文本内容
}

var table = document.getElementById("myTable");  // 获取表格元素

var newHeaderCell = document.createElement("th");  // 创建新的表头单元格
newHeaderCell.innerHTML = "New Column";  // 设置新表头单元格的文本内容

var headerRow = table.tHead.rows[0];  // 获取表格的表头行
headerRow.appendChild(newHeaderCell);  // 将新的表头单元格添加到表头行末尾

var rows = table.rows;  // 获取表格的所有行
for (var i = 0; i < rows.length; i++) {
  var newRowCell = rows[i].insertCell();  // 创建新的单元格
  newRowCell.innerHTML = "Data " + (i + 1);  // 设置单元格的文本内容
}