firefox显示隐藏的tr

本文探讨了在Internet Explorer (IE) 和Firefox (FF) 浏览器中,使用JavaScript控制表格行显示属性的不同表现。针对FF浏览器对table元素更严格的规范要求,介绍了如何正确设置display属性来实现跨浏览器兼容性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


以下这段代码在ie下工作的很好,可是ff不行;

function toggleTableRow(){

var tr1=document.getElementById('tr1');
if (tr1.style.display=='none'tr1.style.display='block';
else tr1.style.display='none';
   return
 false;

}


哪里错了呢:if (tr1.style.display=='none') {tr1.style.display='block';}  这行吧block 改成 table-row 就好了。
ff对table的tr的display定义比较规范严格,所以需要设置tr1.style.display='table-row';当然也可以简单的这样设置tr1.style.display=‘’,意思是设置为默认的现实属性,而不是block.

为什么ie是好呢?网上说是因为ie能够修正你设置的 类block元素 的display属性(设置错了也不要紧:()
具体看这里:http://rubyol.javaeye.com/blog/140870
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值