JavaScript中的style.display属性操作


Posted in Javascript onMarch 27, 2013

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 相关文章推荐
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
JS跨域请求的问题解析
Dec 03 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
pageGroup.js实现分页功能
Jul 27 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 Javascript
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
jquery ajax提交整个表单元素的快捷办法
Mar 27 #Javascript
jQuery渐变发光导航菜单的实例代码
Mar 27 #Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 #Javascript
javascript数组去重3种方法的性能测试与比较
Mar 26 #Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 #Javascript
javascript变量作用域使用中常见错误总结
Mar 26 #Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
Mar 26 #Javascript
You might like
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
PHP运行模式的深入理解
2013/06/03 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
北京奥运官方网站幻灯切换效果flash版打包下载
2008/01/30 Javascript
JQuery 入门实例1
2009/06/25 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
2016/06/06 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
JavaScript命令模式原理与用法实例详解
2020/03/10 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
Python管理Windows服务小脚本
2018/03/12 Python
Python for循环生成列表的实例
2018/06/15 Python
修改python plot折线图的坐标轴刻度方法
2018/12/13 Python
Python玩转Excel的读写改实例
2019/02/22 Python
django 读取图片到页面实例
2020/03/27 Python
为什么说python更适合树莓派编程
2020/07/20 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
英语专业毕业生自荐信范文
2013/12/31 职场文书
工厂实习感言
2014/01/14 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
2019年教师入党申请书
2019/06/27 职场文书
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android