Web開發中如何測量隱藏div的高度？

測量隱藏Div 的高度

在Web 開發中，有時需要確定設定為「display」的元素的高度：沒有任何' 。這可能會帶來挑戰，因為隱藏元素的高度為零。

一種可能的解決方案是從其父級中刪除隱藏的 div，將其插入可見容器中，測量其高度，然後再次將其刪除。然而，這種方法會破壞 DOM 結構並幹擾樣式。

更優雅的解決方案是在測量隱藏 div 的高度時暫時使父元素可見。它的運作原理如下：

1. 遍歷隱藏 div 的祖先，直到找到可見父級。
2. 將可見父級設定為 'display:block' 或 'visibility:visible' .
3. 測量隱藏div的高度。
4. 將父元素的可見性恢復到原始狀態。

透過僅使必要的元素可見測量，這種方法保留了 DOM 結構並保持了樣式的完整性。此外，它比刪除並重新插入隱藏的 div 效能更高。

雖然此解決方案可以在各種框架中實現，但其本質保持不變：暫時顯示隱藏元素以測量其尺寸，然後恢復其原始可見性。

以上是Web開發中如何測量隱藏div的高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！