JS如何控制DIV的显示和隐藏

我们进行网页开发的时候，经常需要运用JS去控制某个div的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。

工具/材料

SublimeText

操作方法

【步骤01】

打开SublimeText编辑器，新建一个HTML文档，注意一定要设置编码格式为utf8，如下图所示

【步骤02】

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

【步骤03】

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

【步骤04】

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