javascript获得对象坐标

menuover(obj)

{

  var menutop=getPosTop(obj);

var menuleft=getPosLeft(obj);

alert(menuleft);

alert(menutop);

}

///获得对象的实X际坐标
function getPosLeft(obj)
{
    var l = obj.offsetLeft;
    while(obj = obj.offsetParent)
    {
        l += obj.offsetLeft;
    }
    return l;
}

//获得对象的实Y际坐标
function getPosTop(obj)
{
    var l = obj.offsetTop;
    while(obj = obj.offsetParent)
    {
        l += obj.offsetTop;
    }
    return l;
}

 

 <div class="p_classi2" id="menudiv1">
<ul class="p_classi_ul1">
 <li class="p_classi_li1"><a href="#">test</a>&nbsp;&nbsp; |</li>
 <li class="p_classi_li1"><a href="#">test</a>&nbsp;&nbsp; |</li>
 <li class="p_classi_li1" href="#">test</a>&nbsp;&nbsp; |</li>
 <li class="p_classi_li1"  href="#">test</a></li>
 </ul></div>