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

ttx9n · 发表于 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可以起到对行进行分组的作用，当一次需要显示或隐藏多行时很有用。

雪龙Ui79 · 发表于 2022-10-23 04:47:39

看看怎么样再说

溪谷小兵 · 发表于 2022-11-1 09:06:26

额UI废物iuhfujewfiewnnfen

u6h2m4 · 发表于 2022-11-19 22:35:46

而非为吾问无为谓娃娃

zzhxxx · 发表于 2022-12-8 08:17:30

你们谁看了弄洒了可能

czoz5y · 发表于 2022-12-13 00:15:12

需要很久了终于找到了

平平安安 · 发表于 2023-1-26 20:45:20

借款金额看了就立刻

q215357618 · 发表于 2023-8-20 10:04:09

谢谢下载来看看

额呵呵 · 发表于 2023-8-26 20:03:38

dfdsafdsfdsfdsf

jasonlong · 发表于 2023-12-9 12:08:42

感谢楼主分享

账号		自动登录	找回密码
密码			立即注册

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

相关帖子