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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
jQuery实现的立体文字渐变效果
May 17 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
ionic3双击返回退出应用的方法
Sep 17 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 Javascript
微信小程序实现星星评分效果
Nov 01 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
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
javascript 动态修改样式和层叠样式表代码
2010/04/27 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
2015/08/24 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
2017/11/02 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
python实现2048小游戏
2015/03/30 Python
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Django中Forms的使用代码解析
2018/02/10 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
2014年社区工作总结
2014/11/18 职场文书
工程主管竞聘书
2015/09/15 职场文书
初中政治教学反思
2016/02/23 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android