JavaScript中的style.display属性操作

it2025-04-07  9

转载:http://www.jb51.net/article/35086.htm

 

display版本:CSS1/CSS2    兼容性:IE4+   NS4+ 继承性:无   语法:      display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   table-cell   |   table-column   |   table-column-group   |   table-footer-group   |   table-header-group   |   table-row   |   table-row-group     参数:     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 将对象作为表格行组显示     说明:     设置或检索对象是否及如何显示。   目前   IE5.5仅支持以上CSS1的参数。     对应的脚本特性为display。请参阅我编写的其他书目。

下面给个例子:点击显示或隐藏

复制代码 代码如下: <script language="JavaScript"> function show(str){ var i=documeng.getElementById(str); if (i.style.display == "none") {        i.style.display = "";     } else{        i.style.display = "none";     }     }      </script>

转载于:https://www.cnblogs.com/lhlong/p/5626238.html

最新回复(0)