代码之家  ›  专栏  ›  技术社区  ›  Blake Frederick hakre

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

  •  15
  • Blake Frederick hakre  · 技术社区  · 11 年前

    我正在使用以下代码:

    <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片段将是一个合适的解决方案的示例。

    1 回复  |  直到 11 年前
        1
  •  14
  •   Justineo    11 年前

    HTMLElement.offsetParent 就是为了做到这一点而设计的。

    看见 this document on MDN .