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

我们进行网页开发的时候, 经常需要运用JS去控制某个div的显示或者隐藏 。 下面小编通过实例教大家如何实现这种功能 。 东西/材料 Sublime Text
操作方式 01 打开Sublime Text编纂器, 新建一个HTML文档, 注重必然要设置编码格局为utf8, 如下图所示

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

文章插图

02 然后在Body区域筹办一个div和一个button按钮, 接下来会实现点击按钮来显示和埋没DIV, 如下图所示

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

文章插图

03 接下来我们实现JS剧本的功能, 如下图所示, 本家儿要运用display属性来节制div的显示或者埋没

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

文章插图

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

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

文章插图



以上内容就是JS如何控制DIV的显示和隐藏的内容啦, 希望对你有所帮助哦!

    推荐阅读