HTML按钮选择表上的特定列

<table id="myTable">
  <tr>
    <th>列1</th>
    <th>列2</th>
    <th>列3</th>
    <th>列4</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
    <td>数据4</td>
  </tr>
  <!-- 其他行 -->
</table>

<button onclick="toggleColumn(1)">显示/隐藏列2</button>

function toggleColumn(index) {
  var table = document.getElementById("myTable");
  var rows = table.getElementsByTagName("tr");

  for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].getElementsByTagName("td");
    if (cells.length > index) {
      if (cells[index].style.display === "none") {
        cells[index].style.display = "";
      } else {
        cells[index].style.display = "none";
      }
    }
  }
}

td {
  display: table-cell;
}

td[style="display: none;"] {
  display: none;
}