javascript - 如何在Java脚本中切换(隐藏/显示)<a>标签的表onClick

我想显示和隐藏(切换)<table>的onClick <a>事件。
这是我的<a>标签

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

这是我的Java脚本函数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>标签

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

第一次，当我单击<a> link时，它显示了我的表格，但是当我下次单击时，它没有隐藏。我在做什么错。

最佳答案

您试图在同一函数调用中更改onclick的行为。像这样尝试:

anchor 标签

<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";
}