javascript - 如何快速找到绝对定位的子元素的相对定位的 HTML 父元素？

Question

我正在使用以下代码:

<div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        ...
                            <div class="absolute">Lorem ispum</div>
                        ...
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

.absolute {
  position: absolute;
}

使用 Chrome 的 DevTools，我希望能够快速找到哪个父节点 <div>元素有 position: relative ，所以我可以知道哪个父元素决定了我的绝对定位元素的原点。我可以手动检查每个 div 以找到设置为 relative 的第一个父级但是我正在处理一棵嵌套很深的树，所以我想知道是否有更快的方法来找到我要查找的父项。控制台的 Javascript 片段将是合适解决方案的示例。

Answer 1

HTMLElement.offsetParent 正是为此而设计的。

参见 this document on MDN .