获取html元素相对屏幕的位置

要获取HTML元素相对于屏幕的位置，可以使用JavaScript中的getBoundingClientRect()方法。这个方法返回一个对象，包含了元素的大小以及相对于视口的位置信息。

以下是一个简单的例子：

function getElementPosition(element) {
  var rect = element.getBoundingClientRect();
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
  return {
    top: rect.top + scrollTop,
    right: rect.right + scrollLeft,
    bottom: rect.bottom + scrollTop,
    left: rect.left + scrollLeft
  };
}
 
// 使用方法：
// 假设你有一个元素的ID是'myElement'
var element = document.getElementById('myElement');
var position = getElementPosition(element);
 
console.log(position);

这段代码会输出一个对象，包含了元素的四个边相对于屏幕的位置。这样你就可以知道元素在屏幕上的精确位置了。