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 相关文章推荐
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
Vue 单文件中的数据传递示例
Mar 21 Javascript
JavaScript瀑布流布局实现代码
May 06 Javascript
JS实现瀑布流布局
Oct 21 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 Javascript
JavaScript实现简单动态表格
Dec 02 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生成略缩图代码
2012/07/16 PHP
PHP daddslashes 使用方法介绍
2012/10/26 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
告诉大家什么是JSON
2008/06/10 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
Javascript中click与blur事件的顺序详析
2017/04/25 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
基于js中的原型(全面讲解)
2017/09/19 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
泰国的头号网上婴儿用品店:Motherhood.co.th
2019/04/09 全球购物
行政人员工作职责
2013/12/05 职场文书
社区母亲节活动记录
2014/03/06 职场文书
北京申奥口号
2014/06/19 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
企业法人授权委托书
2014/09/25 职场文书
整改落实自查报告
2014/11/05 职场文书
计划生育个人总结
2015/03/02 职场文书
收银员岗位职责范本
2015/04/07 职场文书
工程合作意向书范本
2015/05/09 职场文书
二审答辩状范文
2015/05/22 职场文书
团委副书记工作总结
2015/08/14 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
初中信息技术教学反思
2016/02/16 职场文书
《检阅》教学反思
2016/02/22 职场文书
vue实现移动端div拖动效果
2022/03/03 Vue.js