欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

firefox TBODY 用js显示和隐藏时出现错位的解决方法

时间:2021-03-09 10:07:29|栏目:JavaScript代码|点击:
看下面这个例子:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

它在firefox中显示时,“第一行”被显示在最后一行。
于是在处理好需要显示的行后,另写了一个函数,先记录需要显示的行,然后将所有行的style.display都设置为"none",最后再将需要显示的行依次显示出来。这样,IE和firefox的显示结果就一样了。
后来,我还是觉得这个方法很笨,就又潜心研究了一番,发现,只要将第二行和都三行都加上style="display:block",显示也就正常了。见下面的代码: 

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

由此可见,firefox对是否设置style="display:block"是区别对待的,而IE作了适当的兼容处理。
结论和教训是:尽量使用标准做法,不要指望浏览器可以兼容。IE用多了就常常会忘记这点。
注:如果不使用tbody则没有这个问题。但tbody可以起到对行进行分组的作用,当一次需要显示或隐藏多行时很有用。

上一篇:微信小程序与公众号实现数据互通的方法

栏    目:JavaScript代码

下一篇:javascript拖拽应用实例

本文标题:firefox TBODY 用js显示和隐藏时出现错位的解决方法

本文地址:http://www.codeinn.net/misctech/77249.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有