js获取img的位置

Question

<script language="JavaScript">
function getAbsolutePosition(obj) 
{ 
position = new Object(); 
position.x = 0; 
position.y = 0; 
var tempobj = obj; 
while(tempobj!=null && tempobj!=document.body) 
{ 
if(window.navigator.userAgent.indexOf("MSIE")!=-1) 
{ 
position.x += tempobj.offsetLeft; 
position.y += tempobj.offsetTop; 
} 
else if(window.navigator.userAgent.indexOf("Firefox")!=-1) 
{ 
position.x += tempobj.offsetLeft; 
position.y += tempobj.offsetTop; 
} 
tempobj = tempobj.offsetParent 
} 
return position; 
} function SetXY(obj)
{
var pos = getAbsolutePosition(obj);
alert(pos.x)//left
alert(pos.y)//top
}
</script>
<a href="#"> <img src="images/top_img/2_09.jpg" alt="" id="Image9" onmouseover="SetXY(this)" onmouseout=""  /> </a> 

Answer 1

<div style=" width:700px; height:800px; border:1px solid #000000; padding:50px">
<div style=" width:600px; height:700px; border:1px solid #000000; padding:50px">
<div style=" width:500px; height:600px; border:1px solid #000000; padding:50px">
<div style=" width:400px; height:500px; border:1px solid #000000; padding:50px">
<div style=" width:300px; height:400px; border:1px solid #000000; padding:50px">
<a href="#"> <img src="images/top_img/2_09.jpg"  id="Image9" onmouseover="SetXY(this)" onmouseout=""  /> </a> </div>
<script>
var e = document.getElementById("Image9")
var left=e.offsetLeft
var top=e.offsetTop
 while (e=e.offsetParent) {
 left += e.offsetLeft;
 top += e.offsetTop;
 };
 alert("离上变浏览器的距离为"+top+"  离左为"+left)
</script>
ie  ff稍微有一点差别 差2到3象素.