如何获得任何一个DIV层的当前的left值和top值？

Question

dddddddddddd
<br>
ddddddddddd
<div id="dv1">
  <button onclick="getXy()" />
</div><script>
function getXy(){
alert(dv1.offsetTop);
alert(dv1.offsetLeft);
}
</script>

Answer 1

如上用offsetTop、offsetLeft就可以了

Answer 2

function getAbsLeft(e){var l=e.offsetLeft; while(e=e.offsetParent) l += e.offsetLeft; return l;}
function getAbsTop(e) {var t=e.offsetTop;  while(e=e.offsetParent) t += e.offsetTop;  return t;}function getXy()
{
  var d = document.all.dv1;
  alert("top : "+ getAbsTop(d));
  alert("left : "+ getAbsLeft(d));
}

Answer 3

<SCRIPT LANGUAGE="JavaScript">
<!--
function getP(o)
{
var r = o.getBoundingClientRect(); alert(r.left + ":" + r.top);}
//-->
</SCRIPT>
<div style="position:absolute;left:100px;top:200px;" id ="aa">sdf</div>
<input type=button value="test" onclick = "getP(document.getElementById('aa'))">