firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 20:40:52

firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧

firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧:看下面这个例子： function body_load() { var obj = document.getElementById(tr1); obj.style.display = block; } 第一行第二行第三行 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]它在f

推荐度：

点击下载本文 文档为doc格式

导读firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧:看下面这个例子： function body_load() { var obj = document.getElementById(tr1); obj.style.display = block; } 第一行第二行第三行 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]它在f

看下面这个例子：

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

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

firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：解决 js 显示的

热门焦点

firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧

firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧

firefoxTBODY用js显示和隐藏时出现错位的解决方法_javascript技巧

最新推荐

猜你喜欢

热门推荐