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的显示和隐藏的内容啦, 希望对你有所帮助哦!

    猜你喜欢