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滚动条多种样式,推荐
Feb 05 Javascript
JavaScript国旗变换效果代码
Aug 13 Javascript
js操作ajax返回的json的注意问题!
Feb 23 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
jQuery实现隔行背景色变色
Nov 24 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
js如何打印object对象
Oct 16 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
详解datagrid使用方法(重要)
Nov 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实现将GB编码转换为UTF8
2006/11/25 PHP
jQuery向下滚动即时加载内容实现的瀑布流效果
2016/01/07 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
2016/06/01 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
Node.js使用MySQL连接池的方法实例
2018/02/11 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
vue 基于element-ui 分页组件封装的实例代码
2018/12/10 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
python 动态调用函数实例解析
2019/10/21 Python
Python实现爬取并分析电商评论
2020/06/19 Python
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
诉前财产保全担保书
2014/05/20 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
历史博物馆观后感
2015/06/05 职场文书
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL