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 相关文章推荐
提交表单时执行func方法实现代码
Mar 17 Javascript
Js操作Select大全(取值、设置选中等等)
Oct 29 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
vue视图不更新情况详解
May 16 Javascript
微信小程序实现图片压缩
Dec 03 Javascript
在vue中created、mounted等方法使用小结
Jul 21 Javascript
vue-router定义元信息meta操作
Dec 07 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调用Java对象的方法
2006/10/09 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
用PHP即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
javascript  删除select中的所有option的实例
2017/09/17 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
集成vue到jquery/bootstrap项目的方法
2018/02/10 jQuery
javascript填充默认头像方法
2018/02/22 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
2019/12/30 Javascript
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
Python中常见的数据类型小结
2015/08/29 Python
总结python中pass的作用
2019/02/27 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
什么是Python中的顺序表
2020/06/02 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
Python如何截图保存的三种方法(小结)
2020/09/01 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
个人简历自荐信
2013/12/05 职场文书
教师求职信
2014/06/17 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
见义勇为事迹材料
2014/12/24 职场文书
干部考核工作总结2015
2015/07/24 职场文书