IE6下js通过css隐藏select的一个bug


Posted in Javascript onAugust 16, 2010

今天遇到一个问题, 当隐藏表格行 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有本质上的区别。至于究竟为何?估计只能去看微软的源码了。

Javascript 相关文章推荐
Javascript中的var_dump函数实现代码
Sep 07 Javascript
基于jquery的固定表头和列头的代码
May 03 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
jquery中的过滤操作详细解析
Dec 02 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
Javascript核心读书有感之表达式和运算符
Feb 11 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
微信小程序中form 表单提交和取值实例详解
Apr 20 Javascript
vue过渡和animate.css结合使用详解
Jun 14 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
新手常遇到的一些jquery问题整理
Aug 16 #Javascript
使用jQuery轻松实现Ajax的实例代码
Aug 16 #Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 #Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
Aug 13 #Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 #Javascript
jquery实用代码片段集合
Aug 12 #Javascript
JavaScript中使用构造函数实现继承的代码
Aug 12 #Javascript
You might like
set_include_path在win和linux下的区别
2008/01/10 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
PHP数组操作类实例
2015/07/11 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
Linux系统中为php添加pcntl扩展
2016/08/28 PHP
JS类库Bindows1.3中的内存释放方式分析
2007/03/08 Javascript
javascript 写的一个简单的timer
2009/07/30 Javascript
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
jquery用data方法获取某个元素上的事件
2014/06/23 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
Canvas实现微信红包照片效果
2018/08/21 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
利用Python暴力破解zip文件口令的方法详解
2017/12/21 Python
numpy.std() 计算矩阵标准差的方法
2018/07/11 Python
Django框架模板介绍
2019/01/15 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
python tkinter组件使用详解
2019/09/16 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
新闻专业个人自我评价
2013/09/21 职场文书
会计工作决心书
2014/03/11 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
1000字打架检讨书
2014/11/03 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
小学班主任工作总结2015
2015/04/07 职场文书
小学运动会报道稿
2015/07/22 职场文书
升职自荐书
2019/05/09 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python