获取元素相对于父容器的位置/偏移量？

javascript position offset zepto

2022-08-30 01:53:31

如何使用纯 JS 检索容器相对于父级的偏移量？

答案 1

element.offsetLeft 并给出元素相对于其 offset Parentent 的位置（这是位置为 or 的最接近的父元素）。element.offsetToprelativeabsolute

答案 2

在纯js中只是使用和属性。
小提琴示例：http://jsfiddle.net/WKZ8P/offsetLeftoffsetTop

var elm = document.querySelector('span');
console.log(elm.offsetLeft, elm.offsetTop);

p   { position:relative; left:10px; top:85px; border:1px solid blue; }
span{ position:relative; left:30px; top:35px; border:1px solid red; }

<p>
    <span>paragraph</span>
</p>

推荐