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

今天遇到一个问题， 当隐藏表格行 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实现select的美化的方法用javascript来实现select标签的美化的代码用javascript和css模拟select的脚本css+js实现select列表横向排列效果代码select下拉选择框美化实现代码(js+css+图片)select标签模拟/美化方法采用JS外挂式插件select标记美化--JS式插件、后期加载用JavaScript来美化HTML的select标签的下拉列表效果js+css实现select的美化效果