找到图像的左上角位置

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