使用JavaScript在点击时隐藏一个按钮在本教程中，我们将学习如何使用JavaScript在点击时隐藏一个按钮。考

在本教程中，我们将学习如何使用JavaScript在点击时隐藏一个按钮。

考虑一下，我们有一个下面的html按钮元素。

<button id="btn">Hello</button>

要通过点击隐藏一个按钮，首先我们需要使用document.getElementById() 方法访问JavaScript中的按钮元素，给它添加一个click eventListener，然后在每次点击时将其style.display 属性设置为 "none"`。

下面是一个例子。

const button = document.getElementbyId("btn");

button.addEventListener("click", ()=>{
   button.style.display= "none";
})

当我们将一个style.display 属性设置为none ，它就会将按钮元素从dom中移除。

使用style.visibility属性

我们可以通过将元素对象的style.visibility 属性设置为hidden ，在点击时隐藏一个按钮。

下面是一个例子。

const button = document.getElementbyId("btn");

button.addEventListener("click", ()=>{
   button.style.visibility= "hidden";
})

在上面的例子中，我们为按钮元素添加了一个click 事件监听器，并将其style.visibility设置为hidden 。因此，每当用户点击按钮时，它就会将该元素从dom中隐藏。

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