Js获取元素在页面里的坐标位置和宽高

转载于 2012-07-05 09:56:00 发布 · 61 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dtdxrk/archive/2012/07/05/2577284.html

本文介绍了如何使用JavaScript获取网页中元素的精确位置和尺寸，包括元素在页面上的顶边距、左边距、宽度和高度。

 1 //获取元素在页面里的位置和宽高
 2 function getPosition(obj) {
 3     var top = 0,
 4         left = 0,
 5         width = obj.offsetWidth,
 6         height = obj.offsetHeight;
 7 
 8     while(obj.offsetParent){
 9         top += obj.offsetTop;
10         left += obj.offsetLeft;
11         obj = obj.offsetParent;
12     }
13 
14     return {"top":top,"left":left,"width":width,"height":height};
15 }