手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript中的style.display属性操作
JavaScript中的style.display属性操作
摘要:display版本:CSS1/CSS2兼容性:IE4+NS4+继承性:无语法:display:block|none|inline|compa...

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>

【JavaScript中的style.display属性操作】相关文章:

JavaScript 正则表达式中global模式的特性

JavaScript中toString()方法的使用详解

javascript中动态函数用法

JavaSacript中charCodeAt()方法的使用详解

JavaScript Date对象详解

JavaScript中的substr()方法使用详解

简述JavaScript中正则表达式的使用方法

JS中的Replace方法使用经验分享

JavaScript中的Math.sin()方法使用详解

Javascript技术栈中的四种依赖注入小结

精品推荐
分类导航