Для любого HTML-элемента (div, img, a...) можно определить координаты верхнего левого угла, воспользовавшись всего одной функцией.
function absPosition(obj) {
var x = y = 0;
while(obj) {
x += obj.offsetLeft;
y += obj.offsetTop;
obj = obj.offsetParent;
}
return {x:x, y:y};
}
// Пример:
// Рисуем DIV, координаты которого будем определять
document.write("<div id='divId'>DIV</div>");
var ourDiv = document.getElementById("divId");
// Выводим размеры
document.write(
"x = " + absPosition(ourDiv).x + "px<br>" +
"y = " + absPosition(ourDiv).y + "px"
);
var x = y = 0;
while(obj) {
x += obj.offsetLeft;
y += obj.offsetTop;
obj = obj.offsetParent;
}
return {x:x, y:y};
}
// Пример:
// Рисуем DIV, координаты которого будем определять
document.write("<div id='divId'>DIV</div>");
var ourDiv = document.getElementById("divId");
// Выводим размеры
document.write(
"x = " + absPosition(ourDiv).x + "px<br>" +
"y = " + absPosition(ourDiv).y + "px"
);
