Question

怎么动态获取div的坐标

没有设置Left值，什么属性也没有,只有onmouseover事件，在时间里想获取div的坐标怎么实现啊。

Answer 1

Js代码 

/***
* 获取div的坐标
* @param divObj
* @returns {{width: number, height: number, left: *, top: Window}}
*/
com.whuang.hsj.divCoordinate=function(divObj){
if(typeof divObj == 'string'){
divObj=com.whuang.hsj.$$id('divObj');
}
return {'width':divObj.offsetWidth,'height':divObj.offsetHeight,
'x':divObj.offsetLeft,'y':divObj.offsetTop,
'scrollLeft':com.whuang.hsj.getScroll().left,'scrollTop':com.whuang.hsj.getScroll().top};
}
// Cross browser gets the position of scroll
com.whuang.hsj.getScroll=function(){
return {
top:document.documentElement.scrollTop || document.body.scrollTop,
left:document.documentElement.scrollLeft || document.body.scrollLeft
}
}

Answer 2

标准写法！其他写法都不靠谱！这种写法兼容各种浏览器

//el 节点对象

function getel(el){
var _t=0;
var _l=0;
if (document.documentElement.getBoundingClientRect){
var box = el.getBoundingClientRect();
var oDoc = el.ownerDocument;
//alert(navigator.appVersion);
if(navigator.userAgent.indexOf("MSIE 6.0") >= 0)
{
_t = box.top -2+ getScrollTop(oDoc);
_l = box.left -2+ getScrollLeft(oDoc);
}else
{
_t = box.top + getScrollTop(oDoc);
_l = box.left + getScrollLeft(oDoc);
}
}else{
while (el.offsetParent) {
_t += el.offsetTop;
_l += el.offsetLeft;
el = el.offsetParent;
}
}
return {top:_t,left:_l};
}

function getScrollTop(doc){
doc = doc || document;
return Math.max(doc.documentElement.scrollTop, doc.body.scrollTop);
}
function getScrollLeft(doc){
doc = doc || document;
return Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
}

Answer 3

var top =document.getElementById('div1').top
var left = document.getElementById('div1').left

Answer 4

html代码：
<div onmouseover="getAbsPoint(this)"></div>
script代码：
function getAbsPoint(e)
{
var x = e.offsetLeft, y = e.offsetTop;
while(e=e.offsetParent)
{
x += e.offsetLeft;
y += e.offsetTop;
}
alert("x:"+x+","+"y:"+y);
}