欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

IE6下js通过css隐藏select的一个bug

时间:2021-03-19 09:45:13|栏目:JavaScript代码|点击:
今天遇到一个问题, 当隐藏表格行 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有本质上的区别。至于究竟为何?估计只能去看微软的源码了。

上一篇:详解new function(){}和function(){}() 区别分析

栏    目:JavaScript代码

下一篇:详解Html a标签中href和onclick用法、区别、优先级别

本文标题:IE6下js通过css隐藏select的一个bug

本文地址:http://www.codeinn.net/misctech/83736.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有