查找图像的左上角位置

Question

我有一个封装在<a href=""><img src=""/></a> 中的图像。此图像上方/下方可能有一个或多个 div。如何找到这张图片的左上角？左上角是指这张图片的 x 和 y 坐标位置。而且我只想使用 javascript，不使用 jQuery，只使用最简单的解决方案（行数最少）。我想到的是：

topleftImgX = img.offsetTop - img.parentNode.scrollTop;
topleftImgY = img.offsetLeft = img.parentNode.scrollLeft;

这是正确的吗？同样只有 javascript，没有 jQuery

Answer 1

我知道的最简单的方法：

elem = document.getElementById("yourElement");//outer starts at your elem then walks out
var innerYValue = 0;
var innerXValue = 0;

while( elem != null ) {
    innerYValue += elem.offsetTop;
    innerXValue += elem.offsetLeft;
    elem = elem.offsetParent;
}

alert("x: "+innerXValue +"\ny: "+innerYValue);