найти верхний левый угол позиции изображения

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