Javascript获取页面元素相对和绝对位置

要获取页面元素的相对位置，可以使用元素的 offsetLeft 和 offsetTop 属性。这些属性返回元素相对于其 offsetParent 元素的左侧和顶部位置，以像素表示。

例如，要获取元素的相对位置，可以使用以下代码：

var element = document.getElementById('myElement');
var x = element.offsetLeft;
var y = element.offsetTop;

要获取元素的绝对位置，可以使用元素的 getBoundingClientRect() 方法。该方法返回一个包含元素左侧、顶部、右侧和底部位置的 DOMRect 对象。

例如，要获取元素的绝对位置，可以使用以下代码：

var element = document.getElementById('myElement');
var rect = element.getBoundingClientRect();
var x = rect.left;
var y = rect.top;

注意，在使用 getBoundingClientRect() 方法时，返回的位置是相对于视口的，而不是相对于文档的。因此，如果你想要获取相对于文档的绝对位置，你需要将返回的位置加上文档的滚动位置。