如何在 JavaScript 中测量隐藏 Div 的高度？

查找隐藏 Div 的高度：一种解决方法

通常，即使 div 的父元素是设置为“显示：无”。这可能是一个挑战，因为子 div 的 offsetHeight 将返回 0。

初始方法

已探索的解决方案涉及复制隐藏父节点的子节点到页面上可见的 div 中。然后，可以在移除节点之前测量这些元素的高度。然而，这种方法可能很复杂，并且可能并非在所有情况下都可行。

改进的解决方案

更强大的方法是使用像 YUI 2 这样的库来识别隐藏元素（“display:none”或高度和宽度为 0）并使它们可见。从有问题的子元素开始，遍历所有祖先并使其可见，直到找到可见的父元素。这允许测量子元素的尺寸。测量所有元素后，将恢复其原始显示值。

注意事项

需要注意的是，使隐藏元素可见会影响页面布局和内容可见性。确保这种情况发生的时间很短并且不会破坏用户体验至关重要。

此外，将元素复制出其原始父层次结构时应小心。当元素与其父上下文分离时，样式可能无法正确应用。

以上是如何在 JavaScript 中测量隐藏 Div 的高度？的详细内容。更多信息请关注PHP中文网其他相关文章！