js设置元素不可见怎么设置，举个简单的例子

在JavaScript中，你可以通过改变元素的样式属性来设置元素的可见性。通常有两种方法可以设置元素不可见：

使用 visibility 属性： 设置为 hidden，元素会变得不可见，但它仍然占据原来的空间。
使用 display 属性： 设置为 none，元素不仅不可见，而且不再占据页面布局的空间。
下面是使用这两种方法的例子：

使用 visibility 属性

HTML:

这个元素将会被隐藏

点击我隐藏元素

JavaScript:

function hideElement() {

document.getElementById(‘myElement’).style.visibility = ‘hidden’;

}

使用 display 属性

HTML:

这个元素将会被隐藏

点击我隐藏元素

JavaScript:

function hideElement() {

document.getElementById(‘myElement’).style.display = ‘none’;

}

在上述两种情况中，点击按钮将会调用 hideElement 函数，该函数通过获取元素ID然后设置其样式属性来改变元素的可见性。使用 visibility 时，元素隐藏后仍然会保留其在文档流中的位置和空间，而使用 display 属性则会从文档流中移除，页面上的其他元素会填补其原来的空间。

作者：http://xkrj5.com 纯原创首发，转载保留版权！！！