javascript - 如何通过 Javascript 设置一键显示的表格

Question

我已通过 css 将表格设置为隐藏，但是当我通过 javascript 运行 onclick 函数时，需要单击两次(双击)才能使表格再次可见。

知道如何将其设置为只需单击一下即可显示吗？

下面是我的代码的图像

HTML

CSS

Javascript

Answer 1

function showTable()
{
var x = document.getElementById("OperatingScheduler");
if(x.style.visibility=='visible')
{
  x.style.visibility = 'hidden';
}
else
{
  x.style.visibility='visible';
}
}

#OperatingScheduler{
visibility:hidden;
}

<div id="wrapper">
  <button onmousedown="showTable()">Trading Times</button>
  <button>StudioSchedule</button>
</div>

<table id="OperatingScheduler">
  <tr>
    <th>Day</th>
    <th>Time</th>
  </tr>
</table>

问题已解决。 ;)

只需更改 if else 中的值即可。你的代码所做的是，当鼠标按下时，它会立即转到其他位置。所以 table 再次被隐藏。第二次单击时，它会显示表格。