2023-06-27

  • Published on 2023-06-27
  • Modified on 2023-06-27
  • Word count ≈ 100
  • Reading time ≈ 1 min

Javascript 获取元素相对位置

相对父元素的位置

获取一个元素相对于父元素的位置（Offset）：

1
2
3
4

$0.offsetTop
$0.offsetLeft
// $0.offsetBottom 不存在
// $0.offsetRight  不存在

“父元素”可以通过 $0.offsetParent 确认。

相对任意一个元素的位置

要获取一个元素相对另一个元素的位置，可以使用 getBoundingClientRect 函数：

1
2
3
4
5
6

function offset(e1, e2) {
    return {
        "top": e1.getBoundingClientRect().top - e2.getBoundingClientRect().top,
        "left": e1.getBoundingClientRect().left - e2.getBoundingClientRect().left,
    };
}

相对窗口的位置

Enter any child page of Series.