脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → style.display

JavaScript中的style.display属性操作

 更新时间：2013年03月27日 14:08:05   作者：  
今天为大家介绍的是JavaScript中的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。请参阅我编写的其他书目。

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

复制代码 代码如下:

<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 preload&lazy load

    javascript preload&lazy load

    最近需要用到预加载和延迟加载的东东，就参考写了一个。支持跨页面，支持超时设置与依赖设置。
    2010-05-05
  • Web技术实现移动监测的介绍

    Web技术实现移动监测的介绍

    移动侦测，一般也叫运动检测，常用于无人值守监控录像和自动报警。通过摄像头按照不同帧率采集得到的图像会被 CPU 按照一定算法进行计算和比较，当画面有变化时，如有人走过，镜头被移动，计算比较结果得出的数字会超过阈值并指示系统能自动作出相应的处理
    2017-09-09
  • JavaScript split()方法定义及更多实例

    JavaScript split()方法定义及更多实例

    这篇文章主要给大家介绍了关于JavaScript split()方法定义及更多实例的相关资料,js里的split()方法大家都知道用于将字符串转化为字符串数组,文中通过代码实例介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • JavaScript初学者应注意的七个细节小结

    JavaScript初学者应注意的七个细节小结

    每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的
    2012-01-01
  • Uploadify上传文件方法

    Uploadify上传文件方法

    Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。接下来通过本文给大家介绍Uploadify上传文件方法，涉及到Uploadify在Aspnet中的使用相关知识，本文介绍的非常详细，具有参考借鉴价值，需要的朋友一起学习吧
    2016-03-03
  • JavaScript中的操作符==与===介绍

    JavaScript中的操作符==与===介绍

    这篇文章主要介绍了JavaScript中的操作符==与===介绍,本文讲解了===操作符的判断规则、==操作符的判断规则,需要的朋友可以参考下
    2014-12-12
  • javascript 获取图片颜色

    javascript 获取图片颜色

    html 5.0的canvas可以获取到图片的像素点了。这样，我们可以做很多以图片有关的操作和渲染了。当然今后也会给浏览器渲染引擎更高的要求。（YY, 什么时候html渲染引擎也支持多核和GPU呢？）
    2009-04-04
  • JavaScript中string对象

    JavaScript中string对象

    和JAVA中String对象用处一样啊，javascript中的String对象也有自己的方法，和JAVA中的类似。
    2015-06-06
  • js浮点数保留两位小数点示例代码(四舍五入)

    js浮点数保留两位小数点示例代码(四舍五入)

    本篇文章主要介绍了js浮点数保留两位小数点示例代码(四舍五入) 需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • Bootstrap媒体对象的实现

    Bootstrap媒体对象的实现

    在web页面中，图片居左，内容居右排列，是非常常见的效果，它也就是媒体对象，它是一种抽象的样式，可以用来构建不同类型的组件。本文给大家介绍Bootstrap媒体对象的实现，感兴趣的朋友一起学习吧
    2016-05-05

最新评论