怎么通过js 改变display

怎么通过js 改变display,第1张

1、打开hbuilder软件,新建一个空白的html文件,输入基本的html结构,这里设置一个button按钮用来显示隐藏div,并且给按钮一个id,命名为show。同样也给div一个id,命名为hide:

2、在下方编写js代码,首先给获取button的dom元素,并给其一个click事件,然后获取div的dom,修改disply的属性为block,即让隐藏的div显示出来:

3、按下crtl+S保存,在浏览器里观察效果:

4、点击显示隐藏的按钮,隐藏的div就出现了。以上就是用js控制display属性的过程:

你可能是指css3中的transition动画,可以把display:block放在transition中,然后设置transition的属性,让其在一段时间内从一个状态变化到另一个状态,比如:

transition: all 1s

这样,通过设置transition的属性,display:block就会在一段时间内从一个状态变成另一个状态,实现一闪而过的效果。

不知道你在问些什么-_-||

display就是设置显示方式,当然可以不显示,或者以其他方式显示啊。

并不等同于visible

block是指让元素以块元素方式显示。而跟内联不内联没关系,你写在样式表里一样效果


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11465757.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存