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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
js获得鼠标的坐标值的方法
Mar 13 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
新手常遇到的一些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
PHP获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
JavaScript实现网页上的浮动广告的简单方法
2013/06/14 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
Vue异步加载about组件
2017/10/31 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
javascript canvas实现简易时钟例子
2020/09/05 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python实现的jpg格式图片修复代码
2015/04/21 Python
在Python中使用第三方模块的教程
2015/04/27 Python
python中函数默认值使用注意点详解
2016/06/01 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
Python中django学习心得
2017/12/06 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
python tkinter实现屏保程序
2019/07/30 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
python opencv调用笔记本摄像头
2019/08/28 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
keras 实现轻量级网络ShuffleNet教程
2020/06/19 Python
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
企业挂职心得体会
2014/09/10 职场文书
期中考试后的感想
2015/08/07 职场文书