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并非所有的一切都是对象
Apr 11 Javascript
js性能优化技巧
Nov 29 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
Sep 26 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
6行代码实现微信小程序页面返回顶部效果
Dec 28 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
Vue + ts实现轮播插件的示例
Nov 10 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
smarty的保留变量问题
2008/10/23 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP图片水印类的封装
2017/07/06 PHP
php调用云片网接口发送短信的实现方法
2017/10/25 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
date.parse在IE和FF中的区别
2010/07/29 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
2018/02/03 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
JavaScript实现抖音罗盘时钟
2019/10/11 Javascript
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
python网络编程示例(客户端与服务端)
2014/04/24 Python
Python中请使用isinstance()判断变量类型
2014/08/25 Python
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
Python简单的制作图片验证码实例
2017/05/31 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
python多进程使用函数封装实例
2020/05/02 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
马德里著名的运动鞋商店:NOIRFONCE
2019/04/12 全球购物
C#的几个面试问题
2016/05/22 面试题
军训自我鉴定
2013/12/14 职场文书
编辑找工作求职信范文
2013/12/16 职场文书
2014年德育工作总结
2014/11/20 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python
解析MySQL索引的作用
2022/03/03 MySQL
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏