Javascript 如何在与按钮相同的页面中显示表格？表格已在另一个html文件中组成，因此I’；我只是把他们从那里拉出来

我有6个链接。当我点击表格旁边显示的链接时，我想查看。我需要的表显示在同一页的链接，而不是取代它。所以我需要隐藏所有表，直到我单击该链接。 对于6个不同的表，它们都有自己的.html文件，我正在从中提取它们。 这是我的密码：

功能显示（nr）{
document.getElementById（“表1”）.style.display=“无”；
document.getElementById（“表2”）.style.display=“无”；
document.getElementById（“表3”）.style.display=“无”；
document.getElementById（“表4”）.style.display=“无”；
document.getElementById（“表5”）.style.display=“无”；
document.getElementById（“表6”）.style.display=“无”；
document.getElementById（“表”+nr）.style.display=“块”；
}

td{
垂直对齐：居中；
}
#表1，
#表2：，
#表3：，
#表4，
#表5，
#表6{
显示：无；
}

BV-Line58半自动

如果您只需要显示给定

html

页面中的表，您可以使用

iframe

。该选项取决于这样一个事实，即您的页面位于某个位置，因此您可以链接到它们

例如：

<iframe width="560" height="315" src="https://www.your-domain.com/bv-line58assets.html" frameborder="0"></iframe>

在您的代码中

一旦每个

div

包含其相应的

iframe

，您的

show（nr）

函数将显示相关的

div

，从而显示相关的

iframe

（据我所知，它保存着表格）

注意：如果您确实需要访问iframe内部的数据，这种方法不是很舒服，但出于查看目的，应该可以。 有更好的方法来处理这个问题，特别是如果您使用像angular或react这样的客户端框架。这应该是一种快速而简单的方法，特别是如果您的表不是此应用程序的一部分（我不确定，因为您没有明确提到）

---

我希望这能有所帮助。

可能重复的“否”是不一样的。我想单击一个按钮ex:assets，然后在它旁边弹出assets数据表。然后我可以点击另一个按钮例如：routes，routes数据表会在它旁边弹出欢迎来到SO，请将您的代码添加到snippet中，这样就有人很快解决了您的问题。我为大家添加了我的代码。这个解决方案的唯一问题是我不希望表一直显示。我只想在单击按钮/链接时显示表。它们不会一直显示，因为css会隐藏它们。您的

show

功能工作正常，但您插入href的方式导致页面重定向，因此它从一开始就没有运行

show

功能。