使用JavaScript通过id隐藏/显示一个元素在本教程中，我们将学习如何使用JavaScript按id隐藏/显示一个

在本教程中，我们将学习如何使用JavaScript按id隐藏/显示一个元素。

考虑一下，我们有一个下面的htmldiv 元素。

<div id="container">Hello</div>

要隐藏一个元素，首先我们需要在JavaScript中使用document.getElementById() ，然后将其style.display 属性设置为none 。

下面是一个例子。

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

要重新显示一个元素，我们需要将style.display 属性更新为block 。

element.style.display = "block";

使用style.visibility属性

我们可以通过id隐藏一个html元素，将该元素的style.visibility 属性设置为hidden 。

const element = document.getElementById("container");
element.style.visibility= "hidden";

要想重新显示一个元素，我们需要将style.visibility 属性更新为visible 。

element.style.visibility= "visible";

style.display 和style.visibility 属性的主要区别是。