当前位置： 移动技术网 > IT编程>开发语言>JavaScript > IE6下js通过css隐藏select的一个bug

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

2019年07月19日  | 移动技术网IT编程  | 我要评论
今天遇到一个问题， 当隐藏表格行 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有本质上的区别。至于究竟为何？估计只能去看微软的源码了。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网