js如何实现点击显示和隐藏表格

可以使用JavaScript来实现点击显示和隐藏表格。具体做法如下：

1. 首先在HTML文件中定义一个表格，并给它设置一个id，如下所示：

<table id="myTable">
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  <tr>
    <td>内容3</td>
    <td>内容4</td>
  </tr>
</table>

2. 接着，在JavaScript文件中定义一个函数，用于控制表格的显示和隐藏。函数中可以使用getElementById()方法来获取表格元素，并使用style.display属性来控制它的显示和隐藏，如下所示：

function toggleTable() {
  var table = document.getElementById("myTable");
  if (table.style.display === "none") {
    table.style.display = "table";
  } else {
    table.style.display = "none";
  }
}

3. 最后，在HTML文件中添加一个按钮，并将toggleTable()函数绑定到它的点击事件上，如下所示：

<button onclick="toggleTable()">点击显示/隐藏表格</button>

这样，当点击按钮时，就会触发toggleTable()函数，从而控制表格的显示和隐藏。