查找隐藏 Div 的高度:一种解决方法
通常,即使 div 的父元素是设置为“显示:无”。这可能是一个挑战,因为子 div 的 offsetHeight 将返回 0。
初始方法
已探索的解决方案涉及复制隐藏父节点的子节点到页面上可见的 div 中。然后,可以在移除节点之前测量这些元素的高度。然而,这种方法可能很复杂,并且可能并非在所有情况下都可行。
改进的解决方案
更强大的方法是使用像 YUI 2 这样的库来识别隐藏元素(“display:none”或高度和宽度为 0)并使它们可见。从有问题的子元素开始,遍历所有祖先并使其可见,直到找到可见的父元素。这允许测量子元素的尺寸。测量所有元素后,将恢复其原始显示值。
注意事项
需要注意的是,使隐藏元素可见会影响页面布局和内容可见性。确保这种情况发生的时间很短并且不会破坏用户体验至关重要。
此外,将元素复制出其原始父层次结构时应小心。当元素与其父上下文分离时,样式可能无法正确应用。
以上是如何在 JavaScript 中测量隐藏 Div 的高度?的详细内容。更多信息请关注PHP中文网其他相关文章!