在JavaScript中，你可以通过改变元素的样式属性来设置元素的可见性。通常有两种方法可以设置元素不可见：
- 使用 visibility 属性： 设置为 hidden，元素会变得不可见，但它仍然占据原来的空间。
- 使用 display 属性： 设置为 none，元素不仅不可见，而且不再占据页面布局的空间。
下面是使用这两种方法的例子：
使用 visibility 属性
HTML:
<div id="myElement">这个元素将会被隐藏</div>
<button onclick="hideElement()">点击我隐藏元素</button>
JavaScript:
function hideElement() {
document.getElementById('myElement').style.visibility = 'hidden';
}
使用 display 属性
HTML:
<div id="myElement">这个元素将会被隐藏</div>
<button onclick="hideElement()">点击我隐藏元素</button>
JavaScript:
function hideElement() {
document.getElementById('myElement').style.display = 'none';
}
在上述两种情况中，点击按钮将会调用 hideElement 函数，该函数通过获取元素ID然后设置其样式属性来改变元素的可见性。使用 visibility 时，元素隐藏后仍然会保留其在文档流中的位置和空间，而使用 display 属性则会从文档流中移除，页面上的其他元素会填补其原来的空间。
作者：http://xkrj5.com 纯原创首发，转载保留版权！！！