手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >IE6下js通过css隐藏select的一个bug
IE6下js通过css隐藏select的一个bug
摘要:今天遇到一个问题,当隐藏表格行Tr时$id("tr_"+id+"_1").style.setAttribute('cssText',"dis...

今天遇到一个问题, 当隐藏表格行 Tr 时

$id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");,

表格行 Tr 里面的 select 在 IE6 中隐藏不了,还是会显示在页面当中。想单独设置 select 的样式为隐藏

$id("new_attpm_id2_" + id).style.setAttribute('cssText',"display:none;");

也隐藏不了,上网搜索找到文章《IE6下,js通过css隐藏select的一个bug》,原来这是 IE6 的一个 Bug ,可以通过 style.display = "none";使其隐藏。

最终代码如下$id("new_attpm_id2_" + id).style.display = "none";问题顺利解决。

请在ie6下打开:ie6_js_hidden_select_bug.html

通过:

document.getElementById('J_Test').style.display = 'none';

可以隐藏select元素。

但是通过:

document.body.id = 'page';

配合css代码:

#page select { display: none; }

在ie6下,无法隐藏select元素。

尝试position, setTimeout, 改变zoom到1.001等方法,均失败。

想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估计和上面的bug根由是一样的:在ie6下,select是windowed element,其表现和普通的HTML elements有本质上的区别。至于究竟为何?估计只能去看微软的源码了。

【IE6下js通过css隐藏select的一个bug】相关文章:

接收键盘指令的脚本

jQuery实现返回顶部效果的方法

JSON与XML优缺点对比分析

Jquery使用css方法改变样式实例

文字幻灯片

JavaScript function函数种类详解

仅30行代码实现Javascript中的MVC

设为首页 加入收藏的js代码

JQuery勾选指定name的复选框集合并显示的方法

Select的OnChange()事件

精品推荐
分类导航