选择新表格时删除上一张表格

<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无济于事。任何帮助将不胜感激。

看到您的JavaScript代码会很有帮助，因为行为的原因听起来像是在'createTable'函数中。 – TW80000

另外，'clear'是一个CSS属性，用于在浮动元素周围定位事物（'float'是另一个CSS属性）。我假设你希望清除第一张表。 – TW80000

在桌子上使用style="display:none"你想隐藏的工作。

你可以创建一个函数，可以轻松地打开和关闭一个表的可见性取决于你点击的按钮，但没有你的Javascript，我无法真正帮助你。

随意标记我或者给我发短信回来时，你已经把在Javascript和我可以试着帮你正确的一个功能，将你做它:)

2016-07-11 15:27:29 nobodyshere

1-让每个表中的ID：

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

2。在你的按钮的点击处理程序使用id隐藏表，假设你想隐藏表1

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

您还可以使用jQuery功能：hide()

2016-07-11 15:36:26

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

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

2016-07-11 16:10:42

回答