H5中用按钮隐藏某列

如果你想在 HTML5 中使用按钮来隐藏某一列，你可以使用 JavaScript 来实现。你需要在 HTML 中添加一个按钮，并为其添加一个点击事件处理函数，在该事件处理函数中修改表格的样式来隐藏指定列。以下是一个示例代码：

<style>
table {
  border-collapse: collapse;
}

td {
  border: 1px solid #ddd;
  padding: 8px;
}
</style>

<button onclick="hideColumn()">隐藏第三列</button>

<table id="myTable">
  <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>第三列</td>
    <td>第四列</td>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
    <td>内容4</td>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
    <td>内容4</td>
  </tr>
</table>

<script>
function hideColumn() {
  var table = document.getElementById("myTable");
  var cells = table.getElementsByTagName("td");
  for (var i = 0; i < cells.length; i++) {
    if (cells[i].cellIndex === 2) { // 隐藏第三列
      cells[i].style.display = "none";
    }
  }
}
</script>

在这个示例中，我们添加了一个按钮，并为其添加了一个点击事件处理函数 `hideColumn()`。在该函数中，我们首先获取了表格元素和该表格中所有的单元格元素。然后我们使用一个循环，判断每个单元格的 `cellIndex` 是否等于 2，这表示该单元格位于表格中的第三列。如果是的话，我们将该单元格的样式设置为 `display: none;`，这将使得该列被隐藏。你可以根据需要修改该函数来隐藏其它列。