• style.display,有点问题


    下面的几行代码有什么问题?
    我要做的是当点击链接的时候下面的层显示,再点击则隐藏
    1<href='#' onclick='document.all.linkcate.style.display=="none"?"":"none"'>点击</a>
    2<div id="linkcate" z-index=20 style='DISPLAY:""'>
    3show
    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。
  • 相关阅读:
    php 判断访问是否是手机或者pc
    SQLSTATE[HY000] [2002] No such file or directory
    No input file specified.
    Call to undefined function openssl_decrypt()
    Parse error: syntax error, unexpected 'class' (T_CLASS)
    tp5关联模型进行条件查询
    windows下php7.1安装redis扩展以及redis测试使用全过程
    SourceTree跳过初始设置
    对象数组(JSON) 根据某个共同字段 分组
    SDUT 3377 数据结构实验之查找五:平方之哈希表
  • 原文地址:https://www.cnblogs.com/lbk/p/476137.html
Copyright © 2020-2023  润新知