通过javascript在html表中动态添加列

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
  </tbody>
</table>

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

// 创建新的表头单元格
var headerCell = document.createElement("th");
headerCell.innerHTML = "新列";
table.getElementsByTagName("tr")[0].appendChild(headerCell);

// 创建新的表体单元格
var bodyRows = table.getElementsByTagName("tr");
for (var i = 1; i < bodyRows.length; i++) {
  var cell = document.createElement("td");
  cell.innerHTML = "新数据";
  bodyRows[i].appendChild(cell);
}