选择新表时删除以前的表

Deleting previous table when selecting a new table

本文关键字:新表时 删除 选择      更新时间:2023-09-26
 <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>

它什么也没做。我也尝试使用清除修复程序无济于事。任何帮助将不胜感激。

在要隐藏的表格上使用style="display:none"就可以了。

您可以创建一个函数,该

函数可以根据您单击的按钮轻松打开和关闭一个表的可见性,但没有您的 Javascript,我真的无法帮助您。

当您输入Javascript时,请随时标记我或给我回消息,我可以尝试帮助您纠正一个可以为您完成的功能:)

1-给每个表一个ID:

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

2-在按钮的单击处理程序中使用id隐藏表,假设您要隐藏表1

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

你也可以使用 JQuery 函数:hide()

你可以使用

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

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