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下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
jquery过滤特殊字符',防sql注入的实现方法
Aug 17 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
Vue.js与 ASP.NET Core 服务端渲染功能整合
Nov 16 Javascript
Angular网络请求的封装方法
May 22 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 Javascript
让JavaScript代码更加精简的方法技巧
Jun 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
全文搜索和替换
2006/10/09 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
PHP函数积累总结
2019/03/19 PHP
Laravel-添加后台模板AdminLte的实现方法
2019/10/08 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
js实现简单的验证码
2015/12/25 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
vue.js单文件组件中非父子组件的传值实例
2018/09/13 Javascript
Node.js JSON模块用法实例分析
2019/01/04 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
python 获取本机ip地址的两个方法
2013/02/25 Python
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
利用python循环创建多个文件的方法
2018/10/25 Python
Django 解决开发自定义抛出异常的问题
2020/05/21 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
python opencv肤色检测的实现示例
2020/12/21 Python
详解Python+Selenium+ChromeDriver的配置和问题解决
2021/01/19 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
意大利奢侈品网站:Italist
2016/08/23 全球购物
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
企业演讲稿范文大全
2014/05/20 职场文书
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫