Firefox、chrome下隐藏表格行不能使用block
2014-06-26 17:10
190 查看
Firefox下隐藏表格行不能使用block
如下一段代码,在IE下能正常执行,但在Firefox下执行却有点不正常:<script language="javascript">
function TestBlack(TagName){
var obj = document.getElementById(TagName);
if(obj.style.display=="block"){
obj.style.display = "none";
}else{
obj.style.display = "block";
}
}
</script>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr onclick="TestBlack('divb');">
<td width="760" height="20" bgcolor="#00CCFF">Click Me!</td>
</tr>
<tr id="divb" style="display:block;">
<td width="760" height="60" bgcolor="#9966FF"></td>
</tr>
</table>
有网友说可能是CSS对表格的处理能力比较弱,个人认为不然,因为上边代码在IE却是能正常执行的;也有网友说是因为在Firefox中执行"display:none;"后没有回收"display:block;"开辟的页面空间,下次再执行"display:block;"又会在页面上重新创建显示空间,这种解释也站不住脚,如下代码当在div上使用时Firefox执行是正常的:
<script language="javascript">
function TestBlack(TagName){
var obj = document.getElementById(TagName);
if(obj.style.display=="block"){
obj.style.display = "none";
}else{
obj.style.display = "block";
}
}
</script>
<div style=" width:760px; height:20px;" onclick="TestBlack('diva');">Click Me!</div>
<div id="diva" style="width:760px; height:60px; display:block;"></div>
目前为止还没找到一个可信的原因,但那并不意味着在在Firefox下就无法动态的显示/隐藏表格行,有细心的网友发现使用'style.display="";'代替'style.display="block";'就能正常执行了:
<script language="javascript">
function TestBlack(TagName){
var obj = document.getElementById(TagName);
if(obj.style.display==""){
obj.style.display = "none";
}else{
obj.style.display = "";
}
}
</script>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr onclick="TestBlack('divc');">
<td width="760" height="20" bgcolor="#00CCFF">Click Me!</td>
</tr>
<tr id="divc">
<td width="760" height="60" bgcolor="#9966FF"></td>
</tr>
</table>
相关文章推荐
- 解决表格里面使用text-overflow后依旧不能隐藏超出的文本
- 使用text-overflow对表格中的数据进行隐藏,却不能实现
- 解决表格里面使用text-overflow后依旧不能隐藏超出的文本
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- Firefox下不能使用输入法
- 解决用JavaScript隐藏再显示Flex后不能正常使用问题
- IE 和 Chrome 不能上网,Windows Live Mail 不能发邮件。Firefox可用。解决办法
- FireFox下GridView表格线显示、隐藏的问题
- Axure RP Pro - 相关问题 - 表格的单元格不能使用动作设置文字
- 使用google chart在IE里的问题(在FIREFOX, CHROME没有问题)
- 修复EXTJS 4.0.2a在ie9与FIREFOX下字体过小、表格头部字体在Chrome下模糊的CSS补丁
- 在Linux下让Firefox 4像Chrome一样隐藏Title Bar
- 浅谈 IE8, Chrome, firefox, opera下使用raphael库 中的image
- Flock官方宣布,对其浏览器产品支持已经结束,请支持者使用Chrome或Firefox
- 浏览器IE8 ,Firefox,世界之窗,Chrome使用之感受