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
就是为了实现这一点而设计的
看