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

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

操作方法

• 01

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

  
• 02

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

  
• 03

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

  
• 04

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