时间戳

首页 > 解决方案 > 如何通过 Javascript 设置在 1 次点击时出现的表格

javascript - 如何通过 Javascript 设置在 1 次点击时出现的表格

问题描述

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

知道如何一键将其设置为显示吗？

下面是我的代码的图像

HTML

CSS

Javascript

标签： javascriptbuttononclicktogglevisible

解决方案

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 中的值。您的代码所做的是，在鼠标按下时，它会立即转到其他位置。所以桌子再次被隐藏起来。在第二次单击时，它会显示表格。

推荐阅读