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 相关文章推荐
2007/12/23更新创意无限,简单实用(javascript log)
Dec 24 Javascript
JavaScript 继承详解 第一篇
Aug 30 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 Javascript
javascript简易画板开发
Apr 12 Javascript
vue组件的写法汇总
Apr 12 Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
Sep 02 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
vue+openlayers绘制省市边界线
Dec 24 Vue.js
新手常遇到的一些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 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
JavaScript实战之菜单特效
2016/08/16 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
微信小程序自定义导航栏
2018/12/31 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
2019/03/28 jQuery
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
Python中endswith()函数的基本使用
2015/04/07 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
Python面向对象程序设计之继承、多态原理与用法详解
2020/03/23 Python
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
幼儿园教师考核制度
2014/02/01 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
需求分析说明书
2014/05/09 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
长城的导游词
2015/01/30 职场文书
国庆庆典邀请函
2015/02/02 职场文书
销售合作意向书范本
2015/05/08 职场文书
全国助残日活动总结
2015/05/11 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
校长新学期致辞
2015/07/30 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书