Question

我对此很陌生，所以请耐心等待。我试图从6个元素（目录）的列表中隐藏一个特定的动态div元素（它是一个目录），但没有太多运气。具体而言，需要在页面上隐藏catalogid =“3”，但仍然保持活动状态。如果将该目录的确切URL粘贴到浏览器中，则应该可以访问该目录。基本上，它只是一个隐藏的目录，仅供特定客户购买特定产品。

这是HTML：

<span catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}' style="color:#fff">${Name}</span>

这是Java脚本代码：

 location.href =getHostingHTML()+"?action=courseBrowse&CatalogID="+catalogID;

问题：我是否可以在其中任何一行中放置一段代码，这些代码只会在执行后隐藏目录3？

Answer 1

我认为你应该尝试将这个css属性赋予span元素。

span {
  display:none;
}

Answer 2

这将解决问题

span {
  display:none;
}

然而，这将隐藏整个网站的每个范围。您可能希望将类添加到要隐藏的特定范围类中：

<span class="hide-me" catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}' style="color:#fff">${Name}</span>

<style type="text/css">

.hide-me{
   display:none;
}

</style>

另外你也可以这样做

<span catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}' style="color:#fff; display:none;">${Name}</span>

Answer 3

试试这个：

<span id='myspan' catalogLink='index.html?action=courseBrowse&CatalogID=${CatalogID}'style="color:#fff">${Name}</span>

我建议您在您的范围内添加一个ID，然后动态地在您的javascript调用中添加以下内容：

document.getElementById("myspan").style["display"] = "none";

在javascript和/或html中隐藏动态div元素

3 个答案: