在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()将寻找ID为div的{​​{1}}，我建议您将其更改为更明显的内容，例如：

div

然后你的JavaScript可能是：

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

检查here，看看document.getElementById("container").style.display = "none"; 和display:none

之间的区别

Answer 3

试试这个..

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

Answer 4

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

Answer 5

使用

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

OR

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

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