如何获得div id="pin_div"的屏幕坐标，top, left值，在线等！

Question

<div id="pin_div" style= "height:100px"> <SELECT onChange="document.images.src=options[selectedIndex].value">
<option value="style/<%= style %>/img/modules/pin/Flughafen.jpg">Flughafen</option> 
<option value="style/<%= style %>/img/modules/pin/krankenhaus.png">krankenhaus</option> 
<option value="style/<%= style %>/img/modules/pin/pin.gif">haus</option> 
<option value="style/<%= style %>/img/modules/pin/clock.png">clock</option> 
</SELECT>

<input type='button' name='myButton' value='zurücksetzen' onclick="myButton_onclick()">

<br/>
<br/>
<div id="drag_drop_div" style=" z-index: 3000; cursor: move; display: inline; top:0px; left:0px; ">
<img id="pin_select" src="style/<%= style %>/img/modules/pin/Flughafen.jpg"  name="images" >
</div></div>
我想获得div id="pin_div"的屏幕坐标，top, left值，var x = parseInt(document.getElementById('pin_div').style.left);
var y = parseInt(document.getElementById('pin_div').style.top);结果是nan, 为什么，多谢！

Answer 1

var getPos=function(_obj) {
    var x = 0, y = 0;
    do{
        x += _obj.offsetLeft;
        y += _obj.offsetTop;
    }while(_obj=_obj.offsetParent);
    return {'x':x,'y':y};
};
var pos=getPos(document.getElementById('pin_div'));
var x=pos.x,y=pos.y