使用JavaScript按类别隐藏元素的方法在本教程中，我们将在实例的帮助下，学习如何使用JavaScript隐藏一个元

在本教程中，我们将在实例的帮助下，学习如何使用JavaScript隐藏一个元素。

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

<div class="box">Hello</div>

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

下面是一个例子。

const element = document.getElementsbyClassName("box");

element.style.display= "none";

使用style.visibility属性

同样地，我们也可以使用元素的style.visibility 属性按特定的类别来隐藏一个元素。

这里有一个例子。

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

在上面的例子中。

首先，我们使用document.getElementsbyClassName() 方法访问了html元素，然后我们将该元素的style.visibility属性更新为hidden 。所以它从dom中隐藏了该元素。

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