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

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

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

工具/材料
SublimeText
打开SublimeText编辑器 , 新建一个HTML文档 , 注意一定要设置编码格式为utf8 , 如下图所示
JS如何控制DIV的显示和隐藏

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

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

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