style.display隐藏、显示 换行问题

本文转自：http://www.cnblogs.com/lbk/archive/2006/08/14/476137.html

 

下面的几行代码有什么问题?
我要做的是当点击链接的时候下面的层显示,再点击则隐藏

1 < a  href ='#'  onclick ='document.all.linkcate.style.display=="none"?"":"none"' > 点击 </ a >
2 < div  id ="linkcate"  z-index =20  style ='DISPLAY:""' >
3 show
4 </ div >  

style.display="block"与style.display=""的区别:

用这个控制显示和不显示，需要注意这两个的区别，用第一个会换行，因为block是一个块，它会换行，空（“”）则只显示

备注:

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。