<html>
<head>
<script language=javascript>
function showclasscheck(checktype)
{
var objDiv = document.getElementById ("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=''就可以了。
引用自:http://hi.baidu.com/jack_blog520/blog/item/dbd04b09bc2fc3900b7b8266.html
相关推荐
js中style.display=""无效的解决方法.docx
JS中style.display和style.visibility的区别实例说明.docx
本文实例讲述了js中style.display=””无效的解决方法。分享给大家供大家参考。具体解决方法如下: 一、问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=””可能...
在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素...
主要介绍了js中style.display=""无效的解决方法,是js程序设计中非常常见的问题,需要的朋友可以参考下
下面小编就为大家带来一篇js style.display=block显示布局错乱问题的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
今天为大家介绍的是JavaScript中的style.display属性操作实现代码与参数介绍
document.getElementById("TabTab03Con1").style.display="block"; document.getElementById("TabTab03Con2").style.display="none"; document.getElementById("TabTab03Con3").style.display="none"; ...
function DisplayClrDlg(display) { var clrPanel = document.getElementById("colorpanel"); if (display) ... clrPanel.style.display = "block"; } else { clrPanel.style.display = "none"; } }
divBackground.style.display='block'; divShow.style.display='block'; //背景层 /* 在火狐这样写不行。 divBackground.style.width = document.documentElement.clientWidth; //层的宽度 divBackground....
document.getElementById(show_item).style.display = "block"; var items = document.getElementsByClassName("title"); for (var j=0; j<items.length; j++) { items[j].onclick = function() { var o = ...
$(“#id”)[0].style.display = ‘none’; $(“#id”)返回的是JQuery 它是个集合肯定有display属性 $(“#id”).show()表示display:block, $(“#id”).hide()表示display:none; $(“#id”).toggle()切换元素的可见...
()' style='display: none;'>换个样式 ()'>生成头像 <div style='display: none'> <img class='hide' id='hat0' src='./img/hat0.png'/> <img class='hide' id='hat1' src='./img/hat1.png'/> ...
dh_list_1[i].style.display="none"; } } function showObjcD(num) { var y = event.screenY; if (dh_list_1[num].style.display=="none") { hideAll(); dh_list_1[num].style.display="inline"; } ...
display:"none" }); 41787 label与marker的方法相同。 建议使用方法1和方法2,方法3只是隐藏而不是清除 以上这篇百度地图去掉marker覆盖物或者去掉maker的label文字方法就是小编分享给大家的全部内容了
很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。 cssText 本质是什么? cssText 的本质就是设置 HTML 元素的 style 属性值。 cssText 怎么用? 代码如下:...
document.getElementById('ad').style.display='block'; var overlay=document.getElementById('overlay'); if(overlay){ overlay.style.display='none'; } ig.module('start').requires('game.main')....
js+css的焦点图,无特疏...i++){ pic[i].style.display='none' ; num[i].className="" ;} pic[index].style.display='block' ; num[index].className='current'; index=(index==l-1)?0:index+1; //三元运算 }
this.globals.backButtonDiv.style.display = 'block'; } }; DragZoomControl.prototype.initiateZoom = function() {this.buttonclick_()}; DragZoomControl.prototype.initiateZoomBack = function()...