隐藏在JavaScript

“DIV”标签我有JavaScript代码隐藏单击时标签：隐藏在JavaScript

document.getElementById("div").style.visibility="hidden";

虽然我这样做的时候，即使div标签是隐藏的，仍然有空间， div标签位于。我如何使用JavaScript折叠整个div标签？

2012-08-24 tristo

当您将元素的'visibility'属性设置为'hidden'时，它只是不可见的，它仍然占据布局中的空间，您应该使用'display ='none''来代替。 – undefined

用途：

document.getElementById("div").style.display = 'none';

2012-08-24 10:31:54 xdazz

@tristo你想完全删除它吗？你可以把一个例子放在jsfiddle.net上吗？ – Undefined

@tristo检查demo.http：//jsfiddle.net/FAGh4/ – xdazz

你应该使用：

document.getElementById("div").style.display = "none";

只是提及getElementById()将与div的ID来寻找div，我建议你更改为更明显的一个例子是：

<div id="container"><!--Content--></div>

然后你的JavaScript可能是：

document.getElementById("container").style.display = "none";

检查here看到有什么区别display:none和visibility:hidden

2012-08-24 10:31:57 Undefined

介意大小写敏感... document.getelementbyid与document.getElementById不一样 – Mickel

@Mickel谢谢我错过了，现在修复。 – Undefined

之间试试这个..

document.getelementById("div_id").style.display = 'none';

2012-08-24 10:32:54 Sandy8086

document.getElementById("yourdivID").style.display = 'none';

2012-08-24 10:35:41

使用

document.getElementById("divID").style.display = "none";

document.getElementsByTagName("div").style.display = "none";

注：仅document.getElementById()选择具有id属性的元素。

来源

2012-08-24 10:42:52

回答