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属性的过程: