在本教程中，我们将学习如何使用JavaScript来隐藏/显示一个div元素。
考虑一下，我们有一个如下的HTMLdiv 元素。
<div id="container">Hello</div>
要隐藏一个div，首先我们需要在JavaScript中使用document.getElementById() 方法访问该div元素，然后将其style.display 属性设置为none 。
下面是一个例子。
const element = document.getElementById("container");
element.style.display= "none";
要想重新显示一个div，我们需要将style.display 属性更新为block 。
element.style.display = "block";
使用style.visibility属性（替代方法）
我们也可以通过将一个div的元素style.visibility 属性设置为hidden 来隐藏它。
const element = document.getElementById("container");
element.style.visibility= "hidden";
要显示一个div元素，我们需要将style.visibility 属性更新为visible 。
element.style.visibility= "visible";
style.display 和style.visibility 属性之间的主要区别是。
-
当我们将一个
style.display属性设置为none，它将从dom中完全删除该元素。 -
当我们将
style.display属性设置为hidden，它只是隐藏了该元素，但并没有在dom中移除它。
