Javascript 如何使按钮在单击时显示表格

我试图在按钮中嵌入一个表，但没有效果，例如，当单击按钮时，表显示，当再次单击时，表消失。这是我的代码副本：

函数myfunction（）{
document.getElementById（“displaytable”）.style.display=“无”；
}

专栏1
专栏2
第3栏
1.
2.
33
4.
5.
6.

您应该将输入的

ID

更改为另一个

ID

，然后您的功能只需如下所示：

function myfunction()
{
    if (document.getElementById("displaytable").style.display === "none")
        document.getElementById("displaytable").style.display="block";
    else
        document.getElementById("displaytable").style.display="none";
}

---

这会对您的代码进行一些返工。只有香草的。HTML只是有点不同，有一些新的id

<input id="toggleVisibilityButton" type="button" value="Button1"/>
<table  id="displaytable" style="display:none" width="100%" cellpadding="1" cellspacing="0" border="3">
    <tr align="center">
            <td class="lbl">column1</td>
            <td class="lbl">column2</td>
            <td class="lbl">column3</td>
            </tr>
    <tr>
            <td align="center">1</td>
            <td align="center">2</td>
             <td align="center">33</td>
            </tr>
            <tr>
            <td align="center">4</td>
            <td align="center">5</td>
           <td align="center">6</td>
            </tr>
</table> 

您可以在此处进行测试：

注意：

我改变了将动作绑定到元素的方式。您正试图直接从HTML和一个未存储为变量的函数来实现它。这不是最佳做法

相反，我采用了一种称为：

---

要添加到答案列表中，您可以始终使用

classList

webapi来解决此问题

你只需要写一个类，比如

hide{
display:none;
}

并使用

元素的
toggle
方法进行切换

  tableelement.classList.toggle('hidden')

这里可以看到小提琴


var click=document.getElementById（'clickme'）；
click.addEventListener（'click'，myfunction）；
函数myfunction（）{
var tablewrap=document.getElementById（'displaytable'）；
tablewrap.classList.toggle（'hidden'）
};
。隐藏{
显示：无；
}
.占位符{
字体大小：12px；
}

专栏1
专栏2
第3栏
1.
2.
33
4.
5.
6.
您需要一个简单的切换功能。在您的函数中，检查表的当前状态（是否显示），然后设置相反的状态。我提供了jquery和javascript解决方案，顺便说一句，您需要进行另一次更新，删除“显示：无”从您的表中替换可见性：隐藏以显示：div中无，如我的代码所示。是否可以对下拉列表中的菜单执行此操作，因为当我单击按钮时，菜单似乎只接受fiddleJS示例中的链接。它不会在表中消失@MiladRashidi对我来说非常适合。为了以防万一，我更新了。我链接了错误的fiddlej。它缺少切换代码，它只切换要显示的表。我的坏消息是，这似乎是我的解决方案，它工作正常。很高兴你也选择了香草。添加一个lib，原因是2个班轮。为什么不把angular放在上面，这样你们就可以切换按钮：D
  tableelement.classList.toggle('hidden')