最近在 comp.lang.javascript 中有一个关于此的线程，其中 宣布胜利，但没有发布代码：
在 HTML 页面上，如何找到元素（例如图像或按钮）的左下角坐标 跨浏览器和页面样式可靠吗？在某些情况下，“Ajax in Action”（我有副本）中提倡的方法在 IE 中似乎不起作用。为了使问题更简单，假设我们可以将全局文档样式设置为“传统”或“过渡”或其他。
请提供代码或指向代码的指针（适用于所有浏览器的完整功能）——不要只说“这很容易”并喋喋不休地谈论遍历 DOM 的内容——如果我想阅读那种我会回到 comp.lang.javascript。如果这是重复的，请骂我并指出解决方案——我确实试图找到它。
【问题讨论】：
标签： javascript html dom
我从网上找到了这个解决方案...这完全解决了我的问题。 请检查此链接的来源。 http://www.quirksmode.org/js/findpos.html
/** This script finds the real position,
* so if you resize the page and run the script again,
* it points to the correct new position of the element.
*/
function findPos(obj){
var curleft = 0;
var curtop = 0;
if (obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return {X:curleft,Y:curtop};
}
}
在 Firefox、IE8、Opera 中完美运行（希望其他人也如此） 感谢那些分享他们知识的人...... 问候，
动态麦克风
【讨论】：
试试这个：
var elm = document.getElementById('foo');
var point = {x:0,y:elm.offsetHeight}; // Change to y:0 to get the top-left
while (elm)
{
// This will get you the position relative to the absolute container,
// which is what you need for positioning an element within it
if (elm.style.position == 'absolute')
break;
point.x += elm.offsetLeft;
point.y += elm.offsetTop;
elm = elm.offsetParent;
}
【讨论】：
我一直在使用这个，适用于 IE 和 Firefox。
var Target = document.getElementById('SomeID'); var Pos = findPos(目标); AnotherObj = document.getElementById('AnotherID'); 另一个对象 .style.top = Pos[1] + "px"; 另一个对象 .style.left = Pos[0] + "px"; //------------------------------------ 函数 findPos(obj) { //---------------------------------------- var curleft = curtop = 0; 如果（obj.offsetParent）{ 做 { curleft += obj.offsetLeft; curtop += obj.offsetTop; } 而 (obj = obj.offsetParent); 返回 [curleft,curtop]; } }【讨论】：
在 jQuery 中：
var jq = $('#yourElement');
var position = jq.offset();
alert('x: ' + position.left + ', y: ' + position.top);
var bottomLeftPixelPosition =
{ left: position.left, top: position.top + jq.height() - 1; };
【讨论】：
根据我的经验，让这样的东西工作的唯一可靠方法是使用JQuery（不要害怕，它只是一个你必须包含的外部脚本文件）。然后你可以使用像
这样的语句$('#element').position()
或
$('#element').offset()
获取当前坐标，这在我迄今为止遇到的所有浏览器中都非常有效。
【讨论】：