加为收藏
联系站长
设为首页
 首页 搜索 控制面板 文件区 Html页面版 注册 登陆  
请输入所要搜索关键词:

搜索本站
您的位置:首页 >> 社区版务 >> 社区版务 >> DIV的style.display .
登陆 注册
飘逸狂想

点击这里发送电邮给 飘逸狂想
等级: 侠圣
注册: 2002-10-23
DIV的style.display .

转载自http://blog.sina.com.cn/s/blog_6d3fcc7e01018inl.html


 display:block;


是让对象成为块级元素(比如a,span等)

一般都是用display:none和display:block来控制层的显示


简单点说,block 显示DIV,none 隐藏DIV。


《html>

<head>

<script language=javascript>

function showclasscheck(checktype)

{

var objDiv = document.getElementByIdx_x ("checkclass");

if (checktype==1)

objDiv.style.display = "block";

else

objDiv.style.display = "none";

}

</script>

</head>

<body>

<table border=0>

<tr>

<TD class=tablebody1>

<INPUT type=radio checked name=userclass value=0 onclick="showclasscheck(0)">隐藏

<INPUT type=radio name=userclass value=1 onclick="showclasscheck(1)" checked>显示</TD>

</TR>

</tr>

</table>

<div id="checkclass" align=center>测试区域</div>

</body>

</html>




程序体内:

if (xxxxxx){ //这里的xxxxx是判断语句

document.all.tmkh_net.style.display = ""; //显示

}

else{

document.all.tmkh_net.style.display = "none"; //不显示

}




style.display属性

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。




Firefox


关于HTML的style.display和style.visibility的区别大家都知道。

style.visibility一般取值'visible'或'hidden'进行显示和隐藏,但是元素所占据的网页位置是不释放的,只是看不见。效果就是该位置上空了一块。

而style.display一般取值'block'或'none'进行显示和隐藏,不过会释放掉网页上的位置。



但是如果在<table>中对<tr>或者<td>使用style.display来控制显示/隐藏某行或某个单元格的话,在IE中一切正常,但是在Firefox中就会出现错位的现象。

解决方法是把style.display='block' 写成 style.display=''就可以了,原因么,没看过FF代码,不清楚。

查看最新内容 浏览:437 发表:2017-11-4 20:06:41 回复:2017-11-4 20:06:41

  OumeiBBS 论坛程序 飘逸狂想开发 Oumei.Net 版权所有 ©2002-2020   Version 3.6