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 相关文章推荐
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
JavaScript实现简单的数字倒计时
May 15 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
setTimeout学习小结
Feb 08 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 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函数
2006/12/06 PHP
php ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
PHP处理postfix邮件内容的方法
2015/06/16 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
javascript工具库代码
2012/03/29 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
微信小程序switch开关选择器使用详解
2018/01/31 Javascript
vue proxy 的优势与使用场景实现
2020/06/15 Javascript
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
Python实现删除文件但保留指定文件
2015/06/21 Python
Python2.x与Python3.x的区别
2016/01/14 Python
python Django批量导入不重复数据
2016/03/25 Python
Python正则表达式实现截取成对括号的方法
2017/01/06 Python
python 生成器协程运算实例
2017/09/04 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
Django应用程序入口WSGIHandler源码解析
2019/08/05 Python
python微信公众号开发简单流程实现
2020/03/09 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
2014年教师节讲话稿5篇
2014/09/10 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
北京颐和园导游词
2015/01/30 职场文书
升职自荐信范文
2015/03/27 职场文书
Python if else条件语句形式详解
2022/03/24 Python