javascript - div type="hidden" + 不隐藏

Question

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

但是，使用它，我div不会被隐藏。

编辑：现在我div通过使用隐藏

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

如果我需要再次显示它，我该怎么做？

score 32 · Accepted Answer

32

尝试使用样式而不是类型

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

于 2009-06-12T06:28:54.747 回答

score 7 · Accepted Answer

type="hidden"

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

如果你想隐藏你的 div 使用：

style="display:none"

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

score 3 · Accepted Answer

用于display: none防止显示div，不保留布局空间。用于visibility: hidden简单地隐藏它（如 0% 不透明度），但会保留必要的空间。

score 2 · Accepted Answer

如果 DIV 不是绝对定位，“ display:none ”可能会破坏文档的整体结构。
您可以使用：

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

这将使 DIV 不可见。

score 0 · Accepted Answer

0

通过使用 style="display:none" ，可以隐藏 div

于 2009-06-12T15:31:40.637 回答

score 0 · Accepted Answer

为该元素定义一个 id

在javascript中隐藏元素

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

在javascript中隐藏元素

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

score 0 · Accepted Answer

还有另一种方法。假设您有：

<div hidden>content</div>

在 CSS 中：

div[hidden] {
  display: none;
}

7 回答 7