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切换光标示例代码
Oct 10 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
jquery事件preventDefault()方法用法实例
Jan 16 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
Vue组件化开发思考
Feb 02 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
微信小程序页面渲染实现方法
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
用 PHP5 轻松解析 XML
2006/12/04 PHP
php与php MySQL 之间的关系
2009/07/17 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
javascript 函数使用说明
2010/04/07 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
简单实现jQuery弹窗效果
2017/10/30 jQuery
vue移动端路由切换实例分析
2018/05/14 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
2018/10/12 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python实现快速排序的示例(二分法思想)
2018/03/12 Python
python3+PyQt5图形项的自定义和交互 python3实现page Designer应用程序
2020/07/20 Python
python:接口间数据传递与调用方法
2018/12/17 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
django实现模板中的字符串文字和自动转义
2020/03/31 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
我的梦中国梦演讲稿
2014/04/23 职场文书
抗洪救灾先进集体事迹材料
2014/05/26 职场文书
英文演讲稿开场白
2014/08/25 职场文书
公司租车协议书
2015/01/29 职场文书
社区宣传标语口号
2015/12/26 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫