Div类型=“隐藏”+不隐藏

时间:2009-06-12 06:26:59

标签: javascript html visibility

在我的代码中,我有一个div标记type="hidden"。我只是不想显示div。如果需要,我将使用JQuery Show()显示它。

但是,使用此功能,我的div不会被隐藏起来。

编辑:     现在我使用

隐藏div
<div style="visibility:hidden">XYZ</div>

如果我需要再次展示,我该怎么办?

7 个答案:

答案 0 :(得分:31)

尝试使用样式而不是类型

<div style="display: none;">content</div>

答案 1 :(得分:7)

type="hidden" 

仅用于隐藏的输入文本框。

如果你想隐藏div使用:

style="display:none"

或者使用JQuery使用hide()隐藏您的div。

答案 2 :(得分:3)

使用display: none可防止显示div,并且不会保留布局空间。 使用visibility: hidden只是隐藏它(如0%不透明度),但必要的空间将被保留。

答案 3 :(得分:2)

如果DIV不是绝对定位,“ display:none ”可能会导致文档的整体结构崩溃。
你可以使用:

<div style="visibility:hidden"></div>

这将使DIV不可见。

答案 4 :(得分:0)

通过使用style =“display:none”,可以隐藏div

答案 5 :(得分:0)

定义该元素的ID

隐藏javascript中的元素

document.getElementById('elementId').style.display= 'none' ;  

隐藏javascript中的元素

document.getElementById('elementId').style.display= 'block' ;

答案 6 :(得分:0)

还有另一种方式。假设您有:

<div hidden>content</div>

在CSS中:

div[hidden] {
  display: none;
}