使用javascript查找DOM元素的位置

Question

我想检查网页上元素的空间组织。

我可以获得示例代码和指向资源的指针。

感谢。

Answer 1

你走了：

function position( elem ) {
    var left = 0,
        top = 0;

    do {
        left += elem.offsetLeft;
        top += elem.offsetTop;
    } while ( elem = elem.offsetParent );

    return [ left, top ];
}

现场演示： http://jsfiddle.net/dDyZF/2/

Answer 2

您没有要求jQuery，但您可能想查看jQuery dimensions插件。

Answer 3

如果你想要好的，模块化的代码，你可以阅读并轻松提取你想要的位，请尝试使用David Mark的MyLibrary（用于构建你的库）。

我发现像jQuery这样的库是如此错综复杂地依赖于它们自己的功能，试图追踪所有功能和重新映射属性是一种挫败感。另一方面，MyLibrary从一开始就被编写为非常模块化，并提供更好的跨浏览器功能。