在JavaScript中隐藏'div'标记

Question

我有JavaScript代码,点击它时会隐藏标记:

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

虽然当我这样做时,即使div标签被隐藏,但仍然存在div标签所在的空间.如何使用JavaScript折叠整个div标签？

Answer 1

使用:

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

Answer 2

你应该使用:

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

只是要提到那getElementById()将寻找div带有id的div,我建议你把它改成更明显的东西,例如:

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

然后你的JavaScript可能是:

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

点击这里查看display:none和之间的区别visibility:hidden