js如何显示隐藏div

❶ js如何控制DIV的显示和隐藏

我们进行网页开发的时候，经常需要运用JS去控制某个div的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。
打开Sublime Text编辑器，新建一个HTML文档，注意一定要设置编码格式为utf8，如下图所示

然后在Body区域准备一个div和一个button按钮，接下来会实现点击按钮来显示和隐藏DIV，如下图所示

接下来我们实现JS脚本的功能，如下图所示，主要运用display属性来控制div的显示或者隐藏

最后运行页面，我们点击按钮的时候就会实现对div区域的显示或者隐藏了，如下图所示

❷ js控制div的显示和隐藏

使用JavaScript控制div的显示隐藏，通常是修改div元素的display为none。

display属性 定义和用法

display 属性规定元素应该生成的框的类型。

display属性 可能的值

document.getElementById("div1").style.display="block";

其他方式

除了修改display,还可以通过修改元素的宽度和高度为零实现隐藏效果。

❸ <大神>js如何实现点击一个按钮隐藏一个div，然后该div上有一个按钮，点击后隐藏，然后在显示另外一个div

1、打开html开发软件，新建一个html文件。