javascript - 我可以使用 JS 确定给定元素的显示 CSS 样式的当前状态吗

Question

我想编写一个简单的 javascript 函数来切换给定元素的可见性。问题是，页面加载后，初始样式是未知的(至少对我而言)。如何确定给定元素的显示样式元素的当前值是多少？

Answer 1

来自 jQuery/Sizzle 源代码:

elem.offsetWidth > 0 || elem.offsetHeight > 0 // visible
elem.offsetWidth === 0 || elem.offsetHeight === 0  // hidden

其中 elem 是 DOM 元素。

现在我不完全确定如果任一个维度大于零，他们为什么说元素可见。我会说这两个维度都应该大于零才能被称为“可见”，但我相信他们知道得更多。 (也许在浏览器中甚至不可能有一个空维度和另一个非零维度)。

更新:关于该主题还有另一个讨论和替代解决方案(虽然还没有尝试过):How do I check if an element is really visible with JavaScript?