firefox TBODY 用js显示和隐藏时出现错位的解决方法
更新时间：2008年12月17日 01:23:25 作者：
今天帮别人写一个网页，发现：当用javascript动态设置tr.style.display = "block"显示某行时，使用IE浏览没有问题，但使用firefox浏览时该行被移到了其它行的后面，很是诧异。
看下面这个例子：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
它在firefox中显示时，“第一行”被显示在最后一行。
于是在处理好需要显示的行后，另写了一个函数，先记录需要显示的行，然后将所有行的style.display都设置为"none",最后再将需要显示的行依次显示出来。这样，IE和firefox的显示结果就一样了。
后来，我还是觉得这个方法很笨，就又潜心研究了一番，发现，只要将第二行和都三行都加上style="display:block"，显示也就正常了。见下面的代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
由此可见，firefox对是否设置style="display:block"是区别对待的，而IE作了适当的兼容处理。
结论和教训是：尽量使用标准做法，不要指望浏览器可以兼容。IE用多了就常常会忘记这点。
注：如果不使用tbody则没有这个问题。但tbody可以起到对行进行分组的作用，当一次需要显示或隐藏多行时很有用。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
它在firefox中显示时，“第一行”被显示在最后一行。
于是在处理好需要显示的行后，另写了一个函数，先记录需要显示的行，然后将所有行的style.display都设置为"none",最后再将需要显示的行依次显示出来。这样，IE和firefox的显示结果就一样了。
后来，我还是觉得这个方法很笨，就又潜心研究了一番，发现，只要将第二行和都三行都加上style="display:block"，显示也就正常了。见下面的代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
由此可见，firefox对是否设置style="display:block"是区别对待的，而IE作了适当的兼容处理。
结论和教训是：尽量使用标准做法，不要指望浏览器可以兼容。IE用多了就常常会忘记这点。
注：如果不使用tbody则没有这个问题。但tbody可以起到对行进行分组的作用，当一次需要显示或隐藏多行时很有用。
相关文章
这篇文章主要介绍了Javascript中arguments用法,实例分析了javascript利用arguments实现模拟重载功能,需要的朋友可以参考下2015-06-06
使用uni-app框架开发微信小程序,可以使用高德地图开发地图选点、搜索位置、定位、获取详细的地址信息、码值等信息,下面这篇文章主要给大家介绍了关于uniapp使用高德地图的超详细步骤,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了wavesurfer.js绘制音频波形图的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域，下面这篇文章主要给大家介绍了关于ES6学习教程之块级作用域的相关资料，需要的朋友可以参考下。2017-10-10
这篇文章主要介绍了鼠标悬浮在树组件节点上展示当前节点名称的三种实现方式,第一种是使用css样式设置,第二种在checkBox绑定,第三种使用tooltip,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧2023-12-12
javascript 函数式编程...2007-08-08
javascript实现粘贴qq截图功能（clipboardData）
这篇文章主要介绍了javascript实现粘贴qq截图功能，利用clipboardData在网页中实现截屏粘贴的功能，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了js加入收藏夹代码并兼容ie/ff/op,需要的朋友可以参考下2014-05-05
在本篇文章里小编给大家整理的是关于js的新生代垃圾回收的相关知识点内容，有需要的朋友们可以参考学习下。2019-08-08
在网上找了好多随机产生的密码的代码，没一个好用的，所以就随便写了一个2010-08-08
最新评论