网站首页 健康小知识 母婴教育 起名 运动知识 职场理财 情感生活 绿色生活 游戏数码 美容 特色美食 爱好

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

栏目: IT技术 / 发布于: / 人气:1.13W

我们进行网页开发的时候,经常需要运用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张
Tags:js DIV