如何在 Javascript 中单击 标记时切换（隐藏/显示）表格

我想显示和隐藏（切换）<table> onClick事件的<a>。 这是我的<a> tag

<a id="loginLink" onclick="toggleTable(true);" href="#">Login</a>

这是我的 Javascript 函数toggleTable(hide):

   <script>
    function toggleTable(hide)
    {
    if (hide) {
       document.getElementById("loginTable").style.display="table";
       document.getElementById("loginLink").onclick = toggleTable(false);
   
    } else {
       document.getElementById("loginTable").style.display="none";
       document.getElementById("loginLink").onclick = toggleTable(true);
    }
   }
   </script>

这是我的<table> tag:

<table id="loginTable" border="1" align="center" style="display:none">

当我第一次点击<a> link它显示了我的表格，但当我下次单击它时不会隐藏。我究竟做错了什么？

您正在尝试改变以下行为onclick在同一个函数调用中。试试这样：

锚标记

<a id="loginLink" onclick="toggleTable();" href="#">Login</a>

JavaScript

function toggleTable() {
    var lTable = document.getElementById("loginTable");
    lTable.style.display = (lTable.style.display == "table") ? "none" : "table";
}