使用HTML/JavaScript/CSS隐藏隐藏的元素

我需要完全隐藏隐藏的元素。如果您使用了FirefoxWebDeveloper插件，您只需点击一下就可以看到所有隐藏的元素及其值

所以我试着申请

visibility: none;
display: none;

---

它没有像预期的那样起作用。因此，我考虑创建一个与隐藏元素大小完全相同的层，给它

z-index:999

，并使它们的位置相同，这样即使Web开发人员插件尝试向它们显示，它们也只会看到div。

WebDeveloper插件用于此目的。这对开发人员很有帮助

---

无需担心..

WebDeveloper插件用于此目的..这对开发人员很有帮助

---

没有什么可担心的。

如果要完全删除给定容器中的HTML内容，可以使用jQuery：

$('#contentContainer').html('');

要获得相同的方法，请使用：

或者要删除容器本身及其所有内容，请使用：

---

如果要完全删除给定容器中的HTML内容，可以使用jQuery：

$('#contentContainer').html('');

要获得相同的方法，请使用：

或者要删除容器本身及其所有内容，请使用：

---

使用显示就足够了：无属性；也许这是WebDeveloper插件的一个bug/特性。因此，可能存在隐藏的首选项选项，例如“[X]显示不可见元素”

---

或者，您可以像几秒钟前建议的另一个答案那样强制从DOM中删除对象。

使用display:none属性就足够了；也许这是WebDeveloper插件的一个bug/特性。因此，可能存在隐藏的首选项选项，例如“[X]显示不可见元素”

---

或者，您可以像几秒钟前建议的另一个答案那样强制从DOM中删除对象。

WebDeveloper和FireBug等插件允许开发人员浏览网页的DOM。没有办法在DOM中有一个元素并且在这些工具中不可见。

像WebDeveloper和FireBug这样的插件允许开发人员浏览网页的DOM。如果使用jquery，则无法在DOM中包含元素且在其中一个工具中不可见。

将元素的内部HTML保存在JS变量中，并将HTML设置为none

将元素的内部HTML保存在JS变量中，并将HTML设置为none

：

$('#DivName').hide()

或清空div：

$('#DivName').html('');

要删除它，请执行以下操作：

$('#DivName').remove()

---

如果您正在使用jquery：

$('#DivName').hide()

或清空div：

$('#DivName').html('');

要删除它，请执行以下操作：

$('#DivName').remove()

---

您可以尝试通过jQuery生成隐藏元素。与在正文中插入隐藏段落类似：

$('<p>test</p>').css({'display':'block'}).appendTo('body');  $('button.test').live('click',function(){
            $('<p>some hidden field</p>').css({'display':'block'}).appendTo('body');
        });

$（'test
）.css（{'display'：'block'}）.appendTo（'body'）$（'button.test'）.live（'click'，function（））{
$（'somehiddendfield
）.css（{'display'：'block'}）.appendTo（'body'）；
});

您可以尝试通过jQuery生成隐藏元素。与在正文中插入隐藏段落类似：

$('<p>test</p>').css({'display':'block'}).appendTo('body');  $('button.test').live('click',function(){
            $('<p>some hidden field</p>').css({'display':'block'}).appendTo('body');
        });

$（'test
）.css（{'display'：'block'}）.appendTo（'body'）$（'button.test'）.live（'click'，function（））{
$（'somehiddendfield
）.css（{'display'：'block'}）.appendTo（'body'）；
});

完全隐藏隐藏的元素！！！！你到底想达到什么目的？你不能阻止人们看你的HTML代码，那么这里真正的问题是什么？我猜大多数人不使用插件来显示网站上隐藏的元素。嗯，你为什么要这样做？听起来你只是想完全删除该元素。你确定

可见性：无

和

显示：无

实际上正在应用，并且没有被覆盖吗？完全隐藏隐藏的元素！！！！你到底想达到什么目的？你不能阻止人们看你的HTML代码，那么这里真正的问题是什么？我猜大多数人不使用插件来显示网站上隐藏的元素。嗯，你为什么要这样做？听起来你只是想完全删除元素。你确定

visibility:none

和

display:none

实际上正在应用，并且没有被覆盖吗？

$（“#contentContainer”）.empty（）

会做得更好，但是如果有人想要窃取@Sourav宝贵的隐藏值，就会禁用JavaScript，然后代码将不会运行，隐藏的元素仍将存在于DOM中。当然，如果元素被删除，那么在表单提交时它们也不会被发送回服务器。在这种情况下，人们可能会想，为什么隐藏的元素首先会被放在页面中。例如，在ASP.NET中，利用ViewState。当然，如果鬼鬼祟祟的人足够聪明，那也不能阻止他们窃取信息。但是这是一个完全不同的讨论。

$（“#contentContainer”）.empty（）

会做得更好，但是如果一些偷偷摸摸的人想要窃取@Sourav宝贵的隐藏值而禁用了JavaScript，那么代码就不会运行，隐藏的元素仍然会存在于DOM中。当然，如果元素被删除，那么在表单提交时它们也不会被发送回服务器。在这种情况下，人们可能会想，为什么隐藏的元素首先会被放在页面中。例如，在ASP.NET中，利用ViewState。当然，如果鬼鬼祟祟的人足够聪明，那也不能阻止他们窃取信息。但这是一个完全不同的讨论，或者你可以使用PHP和jQuery（AJAX），或者你可以使用PHP和jQuery（AJAX）。