如何获取页面上某个元素的坐标

发布时间 2023-06-27 13:28:01作者: 点工的知识库

打开浏览器的F12控制台,在console内输入下面代码

function getPosition(node) {
//获取元素相对于其父元素的left值var left
var left = node.offsetLeft;
var top = node.offsetTop;
// 取得元素的offsetParent
current = node.offsetParent;

// 一直循环直到根元素
while(current != null) {
left += current.offsetLeft;
top += current.offsetTop;
current = current.offsetParent;
}
return {
"left": left,
"top": top
}
};
getPosition(document.querySelector('.codeImg'));

替换getPosition(document.querySelector('.codeImg'));中的codeImg为想要获取坐标内容的class值,回车即可获得对应坐标

  1. left:
  2. top: