HTML元素的可见与不成见,本家儿要经由过程设置元素的display属性,可见状况display为block,不成见状况display为none。下面以点击按钮显示或埋没div元素为例,申明JS是若何节制一个HTML元素的可见与不成见状况的。
新建一个HTML文件,定名为test.html,用于实现点击按钮显示或埋没div元素。
在test.html页面中添加一个div元素,并利用CSS把它的样式酿成长为200px,宽也为200px的黄色正方形。
在test.html页面中,再添加一个类型为button的input按钮,用于点击按钮实现可以与不成见状况的切换。
给input按钮绑心猿意马一个onclick点击事务,当点击这个按钮的时辰,触发对HMTL元素的操作。
在onclick事务内界说一个点击触发的函数display(), 当input按钮被点击的时辰,就会去执行display()函数。
在test.html内编写函数display()的JS代码,实现当div为显示时,点击按钮把它埋没(即不成见状况);当div元素为不成见时,点击按钮把它显示出来。
在浏览器运行test.html,查看实现的结果。
可见,已当作功实现利用JS节制HTML元素的可见与不成见状况。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!