为什么 JavaScript 中的“不显示”有时不会使东西消失？

Question

我遇到了一个奇怪的情况，我已经多次遇到过类似的事情。我认为这可能与大量的表格和 div 混合在一起有关。有时，我使用JavaScript将某个div、td等设置为不显示，并且其中一些内容仍然显示在屏幕上。

我确信我使用了正确的 JavaScript 语法。我什至单步执行代码并确保显示值不值。这个这个案例我也是用开发者工具看dom的。在这种情况下，该元素及其所有子元素都设置为 display:none。

我已经见过几次这样的事情了。有人猜到发生了什么事吗？

我在 ie7 兼容模式下使用 ie8。

格雷

Answer 1

查找!重要声明：

#foo { display: block !important; }

或者非常特定选择器：

#content div #foo { display: block; }

如果在外部 CSS 或内联样式中使用其中之一，它将覆盖 display: none;。更改 CSS 或在 JavaScript 中使用 display: none !important; 来解决此问题。