display 是样式中的显示
"none"和"block"都是显示中的参数
none 为不显示
block为显示
参考
block :CSS1 块对象的默认值。用该值为对象之后添加新行
none :CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline :CSS1 内联对象的默认值。用该值将从对象中删除行
compact :CSS2 分配对象为块对象或基于内容之上的内联对象
marker :CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table :CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item :CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in :CSS2 分配对象为块对象或基于内容之上的内联对象
table :CSS2 将对象作为块元素级的表格显示
table-caption :CSS2 将对象作为表格标题显示
table-cell :CSS2 将对象作为表格单元格显示
table-column :CSS2 将对象作为表格列显示
table-column-group :CSS2 将对象作为表格列组显示
table-header-group :CSS2 将对象作为表格标题组显示
table-footer-group :CSS2 将对象作为表格脚注组显示
table-row :CSS2 将对象作为表格行显示
table-row-group :CSS2 将对象作为表格行组显示
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属性的过程: