当前位置: 代码网 > it编程>编程语言>Javascript > IE6下js通过css隐藏select的一个bug

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

2024年05月18日 Javascript 我要评论
今天遇到一个问题, 当隐藏表格行 tr 时  $id("tr_" + id + "_1").style.setattribute('csstext',"display:none;");, 表格行 tr
今天遇到一个问题, 当隐藏表格行 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有本质上的区别。至于究竟为何?估计只能去看微软的源码了。
(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com