如何快速找到絕對定位的子項的相對定位的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旨在實現此目的。

請參閱MDN上的此文檔 。