javascript 隐藏显示,js设置隐藏显示：代码示例

JavaScript中隐藏和显示元素可以通过修改元素的样式属性来实现。通过设置元素的display属性为none可以隐藏元素，将display属性设置为block或其他合适的值可以显示元素。

示例代码如下所示：

// 获取需要隐藏或显示的元素
var element = document.getElementById("myElement");
// 隐藏元素
element.style.display = "none";
// 显示元素
element.style.display = "block";

在上面的示例中，首先使用`document.getElementById`方法获取了一个具有id为"myElement"的元素，然后通过修改元素的style属性中的display属性来隐藏或显示元素。设置display属性为"none"会隐藏元素，而设置为"block"则会显示元素。

需要注意的是，通过修改元素的display属性来隐藏或显示元素会直接影响元素在页面中的布局。如果只是想临时隐藏元素，可以考虑使用visibility属性来代替display属性。通过将visibility属性设置为"hidden"可以隐藏元素，将其设置为"visible"可以显示元素。

示例代码如下所示：

// 获取需要隐藏或显示的元素
var element = document.getElementById("myElement");
// 隐藏元素
element.style.visibility = "hidden";
// 显示元素
element.style.visibility = "visible";

在上面的示例中，通过修改元素的style属性中的visibility属性来隐藏或显示元素。设置visibility属性为"hidden"会隐藏元素，而设置为"visible"则会显示元素。与display属性不同的是，通过修改visibility属性来隐藏元素不会改变元素在页面中的布局。