查找圖像的左上角位置

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