当前位置:常识百科馆>游戏数码>IT技术>

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

IT技术 阅读(1.23W)

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

操作方法

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

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

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

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

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

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

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

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