http://www.yuyong.net

JS如何控制DIV的显示和隐藏 js控制div显示隐藏实现

我们进行网页开发的时候,经常需要运用JS去控制某个p的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。 操作方法 01 打开Sublime Text编辑器,新建一个HTML文档,注意一定要...

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

操作方法

  • 01

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

    JS如何控制DIV的显示和隐藏 js控制div显示隐藏实现
  • 02

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

    JS如何控制DIV的显示和隐藏 js控制div显示隐藏实现
  • 03

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

    JS如何控制DIV的显示和隐藏 js控制div显示隐藏实现
  • 04

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

    JS如何控制DIV的显示和隐藏 js控制div显示隐藏实现

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。