怎么通过js 改变display

2024-11-03 14:28:04

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

怎么通过js 改变display

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

怎么通过js 改变display

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

怎么通过js 改变display

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

怎么通过js 改变display

猜你喜欢