获取层div的位置

我建立的层<body>
<div id="apDiv1" title="bbbb">
  <div id="ti" onmousedown="startDrag(this)">1</div>
</div>
</body>两个层样式<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:144px;
top:52px;
width:277px;
height:328px;
z-index:1;
background-color: #FFFFFF;
overflow:auto;
border: medium solid #33CCFF;
}
#apDiv1 #ti {
height: 25px;
background-color: #33CCFF;
}-->
</style>
var x1=0,y1=0;
(obj)
{
var win = obj.parentNode;
x1 = parseInt(win.style.left);
y1 = parseInt(win..top);
alert(x1);
}这样的输出结果是NaN
请问如何获得层的位置
即apDiv1的left值144

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js测试</title>
    <style>
    #apDiv1 {
        position:absolute;
        left:144px;
        top:52px;
        width:277px;
        height:328px;
        z-index:1;
        background-color: #FFFFFF;
        overflow:auto;
        border: medium solid #33CCFF;
    }
    #apDiv1 #ti {
        height: 25px;
        background-color: #33CCFF;
    }
    </style><script>
    var x1=0,y1=0;
    function startDrag(obj){
    alert(obj)
    var win = obj.parentNode;
    x1 = parseInt(win.offsetTop);
    y1 = parseInt(win.offsetHeight);
    alert(x1);
    }</script>
    </head>
    <body>
    <div id="apDiv1" title="bbbb">
      <div id="ti" onmousedown="startDrag(this)">1</div>
    </div>
    </body>
    </html>