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

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

下面是HTML：

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

这里是Java脚本代码：

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

问：我可以只是把剪断，这下无论是那些行的代码，将执行完后隐藏目录3？

来源

2014-09-24 BrianJ

如果这只适用于特权用户，那么它不应该放置在浏览器中，任何隐藏它的操作都可以撤消。您是否使用任何服务器端技术来为您的页面提供服务？ – Quince 2014-09-24 17:35:29

嘿奎宁，谢谢你的回复。特权用户是员工，客户并不担心他们使用直接链接访问目录。 – BrianJ 2014-09-24 18:30:43

我想你应该尝试给这个CSS属性的span元素。

span { 
    display:none; 
}

来源

2014-09-24 17:34:46

嗨Flopet17，谢谢你的回复。跨度需要显示其他5个元素。有没有办法给snip添加标签 - 它只能指定一个要设置为显示的目录：none; – BrianJ 2014-09-24 18:26:35

这将这样的伎俩

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>

来源

2014-09-24 17:48:40

贾斯汀，我可以做些更高级的代码来隐藏catalogid = 3吗？喜欢这里：'${Name}' – BrianJ 2014-09-24 20:09:29

试试这个：

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

我建议在您的范围内添加一个Id，然后在您的javascript调用中输入以下内容：

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

来源

2014-09-24 18:34:18

嗨朱利安！如果我知道数据库中的产品目录ID是3，是否可以只指定要在您推荐的代码中隐藏的产品目录？ – BrianJ 2014-09-24 18:54:46

如果我这样做msrd0，它不会隐藏所有6个元素？我只想隐藏元素3. – BrianJ 2014-09-24 19:24:43

是的，对不起，这会隐藏整个目录。您可以在生成目录时浏览目录的HTML代码吗？找到一种方式来明确地调用你想隐藏的元素（通过id，按名称，按类），然后如上所示应用display none – 2014-09-29 14:56:39

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

回答

相关问题