在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之间的区别

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";

要么

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

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