作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 02:48:25 阅读 我要评论

看下面这个例子: 第一行 第二行 第三行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]它在firefox中显示时,“第一行”被显示在最后一行。 于是在处理好需要显示的行后,另写了一个函数,先记录需要显示的行,然后将所有行的style.display都设置为"none",最后再将需要显示的行依次显示出来。这样,IE和firefox的显示结果就一样了。 后来,我还是觉得这个方法很笨,就又潜心研究了一番,发现,只要将第二行和都三行都加上style="display:block",显示也就正常了。见下面的代码: 第一行 第二行 第三行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 由此可见,firefox对是否设置style="display:block"是区别对待的,而IE作了适当的兼容处理。 结论和教训是:尽量使用标准做法,不要指望浏览器可以兼容。IE用多了就常常会忘记这点。 注:如果不使用tbody则没有这个问题。但tbody可以起到对行进行分组的作用,当一次需要显示或隐藏多行时很有用。

  推荐阅读

  Javascript 表单之间的数据传递代码

一,最简单的就是同一个网页里的表单的数据传递。 举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTM>>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/JS/29128.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)