Html表使用javascript添加列

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

var table = document.getElementById("myTable");
var headerCell = document.createElement("th");
var rowCell = document.createElement("td");

headerCell.innerHTML = "新列";
rowCell.innerHTML = "新数据";

var headerRow = table.rows[0];
headerRow.appendChild(headerCell);

for (var i = 1; i < table.rows.length; i++) {
  var row = table.rows[i];
  row.appendChild(rowCell.cloneNode(true));
}

table.style.display = "none";
table.style.display = "table";