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获取单选按钮的数据
Nov 27 Javascript
JS格式化数字保留两位小数点示例代码
Oct 15 Javascript
JS获取DropDownList的value值与text值的示例代码
Jan 07 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 Javascript
BootstrapValidator超详细教程(推荐)
Dec 07 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
React操作真实DOM实现动态吸底部的示例
Oct 23 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
Javascript新手入门之字符串拼接与变量的应用
Dec 03 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
一个捕获函数输出的函数
2007/02/14 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
关于php中一些字符串总结
2016/05/05 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
PHP简单遍历对象示例
2016/09/28 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
网站上面有这种切换效果
2006/06/26 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
ES6中Set和Map用法实例详解
2020/03/02 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
浅析vue中的nextTick
2020/12/28 Vue.js
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
python中subprocess批量执行linux命令
2018/04/27 Python
Python中property函数用法实例分析
2018/06/04 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
Python random模块的使用示例
2020/10/10 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
淘宝活动策划方案
2014/02/06 职场文书
满月酒主持词
2014/03/27 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
高中生打架检讨书1000字
2015/02/17 职场文书
学校运动会感想
2015/08/10 职场文书
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python