选择新表时删除上一个表

Question

 <div id="dropdown" class="dropdown-content">
 <a href="#" onclick="createTable('Table',11)">Table</a>
 </div>

在我的程序中，我有一个按钮，用户将选择一个表，然后将显示该表。目前，当进行第二次选择时，它只是在第一个表下面添加一个表。我想只显示当前的选择。我试过这个：

<div id="dropdown" class="dropdown-content" syle="clear:both;">
 <a href="#" onclick="createTable('Table',11)">Table</a>
 </div>

它没有做任何事。我也尝试使用clearfix无济于事。任何帮助将不胜感激。

Answer 1

在您要隐藏的表格上使用style="display:none"将起作用。

您可以创建一个功能，可以轻松打开和关闭一个表的可见性，具体取决于您单击的按钮但没有您的Javascript，我无法真正帮助您。

当您输入Javascript时，请随时给我贴上标签或给我留言，我可以尝试帮助您找到适合您的功能：）

Answer 2

1-为每张桌子提供一个ID：

<table id="table1">..</table>
<table id="table2">..</table>

2-在你的按钮的点击处理程序中使用id来隐藏表格，让我们说你要隐藏table1

document.getElementById("table1").style.display = "none"

您还可以使用JQuery函数：hide()

Answer 3

您可以使用JQuery函数.empty()删除以前创建的表，也可以使用.hide() [隐藏表格]和.show（）[如果您需要再次显示表格]

但是，如果您发布脚本，则更容易进行更正，而不是采用其他解决方案。