怎样在js中控制一个HTML元素的可见与不可见

HTML元素的可见与不成见,本家儿要经由过程设置元素的display属性,可见状况display为block,不成见状况display为none。下面以点击按钮显示或埋没div元素为例,申明JS是若何节制一个HTML元素的可见与不成见状况的。

方式/步调

  1. 1

    新建一个HTML文件,定名为test.html,用于实现点击按钮显示或埋没div元素。

  2. 2

    在test.html页面中添加一个div元素,并利用CSS把它的样式酿成长为200px,宽也为200px的黄色正方形。

  3. 3

    在test.html页面中,再添加一个类型为button的input按钮,用于点击按钮实现可以与不成见状况的切换。

  4. 4

    给input按钮绑心猿意马一个onclick点击事务,当点击这个按钮的时辰,触发对HMTL元素的操作。

  5. 5

    在onclick事务内界说一个点击触发的函数display(), 当input按钮被点击的时辰,就会去执行display()函数。

  6. 6

    在test.html内编写函数display()的JS代码,实现当div为显示时,点击按钮把它埋没(即不成见状况);当div元素为不成见时,点击按钮把它显示出来。

  7. 7

    在浏览器运行test.html,查看实现的结果。
    可见,已当作功实现利用JS节制HTML元素的可见与不成见状况。

  • 发表于 2019-07-08 17:03
  • 阅读 ( 1030 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

推荐文章

联系我们:uytrv@hotmail.com 问答工具