Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何快速找到绝对定位子元素的相对定位HTML父元素?_Javascript_Html_Css_Position_Google Chrome Devtools - Fatal编程技术网

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

Javascript 如何快速找到绝对定位子元素的相对定位HTML父元素?,javascript,html,css,position,google-chrome-devtools,Javascript,Html,Css,Position,Google Chrome Devtools,我正在使用以下代码: <div> <div> <div> <div> <div> <div> ... <div class="absolute">Lorem ispum</div>

我正在使用以下代码:

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

.absolute {
  position: absolute;
}

...
奥雷姆
...
.绝对的{
位置:绝对位置;
}

使用Chrome的DevTools,我希望能够快速找到哪个父
元素具有
位置:相对
,这样我就可以知道哪个父元素决定了我绝对定位元素的原点。我可以手动检查每个div,以找到设置为
relative
的第一个父级,但我使用的是一个深度嵌套的树,因此我想知道是否有更快的方法来查找我试图查找的父级。控制台的Javascript代码片段就是一个合适的解决方案示例。

HTMLElement.offsetParent
就是为了实现这一点而设计的