查找图像的左上角位置

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