时间:2021-05-28
看下面这个例子:
第一行 第二行 第三行 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
它在firefox中显示时,“第一行”被显示在最后一行。
于是在处理好需要显示的行后,另写了一个函数,先记录需要显示的行,然后将所有行的style.display都设置为"none",最后再将需要显示的行依次显示出来。这样,IE和firefox的显示结果就一样了。
后来,我还是觉得这个方法很笨,就又潜心研究了一番,发现,只要将第二行和都三行都加上style="display:block",显示也就正常了。见下面的代码:
第一行 第二行 第三行 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
由此可见,firefox对是否设置style="display:block"是区别对待的,而IE作了适当的兼容处理。
结论和教训是:尽量使用标准做法,不要指望浏览器可以兼容。IE用多了就常常会忘记这点。
注:如果不使用tbody则没有这个问题。但tbody可以起到对行进行分组的作用,当一次需要显示或隐藏多行时很有用。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天写一个小实例,用js和css写一个可以自动隐藏的悬浮框。css肯定是用来控制样式的,js用来控制器显示与隐藏的。显示与隐藏通常有两种方法实现:1,用js控制
Vue.js使用v-cloak后仍显示变量的解决方法v-cloak这个指令是防止页面加载时出现vuejs的变量名而设计的,但有时候添加了这个指令仍会显示变量,这
word表格复制粘贴错位的解决方法: 1、首先全选表格。 2、点击“开始”,找到“段落”的选项,在工具栏里的点击右下方,就会出现一个弹窗。 3、在“缩进和
Firefox浏览网页时不停抖动解决方法。 ①有些网页设计时没有采用W3C标准,就可能导致Firefox浏览网页时遇到该问题,您可以试试IETab或禁用F
Win7下载保存不显示桌面选项解决方法第一种解决方法如图:解决方法:收藏夹和库之间空白处右键显示所有文件夹打钩第二种解决方法WIN7下载文件时没有“