画像の左上隅の位置を見つける

Question

画像は<a href=""><img src=""/></a>にカプセル化されています。この画像の上/下に1つ以上のdivがあります。この画像の左上の位置を見つけるにはどうすればいいですか？左上には、この画像のx座標とy座標の位置を示します。そして、私はjavascriptのみを使用し、jQueryは使用せず、最も簡単なソリューション（行数を最小限にする）のみを使用したいと考えています。私が覚えていることは次のとおりです。

topleftImgX = img.offsetTop - img.parentNode.scrollTop; 
topleftImgY = img.offsetLeft = img.parentNode.scrollLeft; 

これは間違いありませんか？ここでもジャバスクリプトのみ、ノー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);