找到图像的左上角位置

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);