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简单实现鼠标拖动选择功能
Mar 06 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
javascript的几种写法总结
Sep 30 Javascript
简单实现JS计算器功能
Dec 21 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
vue-i18n实现中英文切换的方法
Jul 06 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
PHP中date()日期函数有关参数整理
2011/07/19 PHP
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
JS组件中bootstrap multiselect两大组件较量
2016/01/26 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
django如何实现视图重定向
2019/07/24 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
python中的时区问题
2021/01/14 Python
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
2013/10/10 HTML / CSS
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
UDP协议功能
2013/01/06 面试题
交通安全演讲稿
2014/01/07 职场文书
小学生新年寄语
2014/04/03 职场文书
推荐信怎么写
2014/05/09 职场文书
文明工地标语
2014/06/16 职场文书
卫生厅领导班子党的群众路线教育实践活动整改措施
2014/09/20 职场文书
追讨欠款律师函
2015/06/24 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书
Python序列化模块JSON与Pickle
2022/06/05 Python