js中的display

JavaScript016

js中的display,第1张

style是样式

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