爱学网
当前位置 : 爱学网 > 经验 > 技术经验 > JS如何控制DIV的显示和隐藏

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

更新时间:2026-05-05 19:25:19

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

操作方法

01

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

02

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

03

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

04

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

相关推荐