posts - 90, comments - 213, trackbacks - 0

function getPosition(o)
{
var temp={};
temp.left=temp.right=temp.top=temp.bottom=0;
var oWidth=o.offsetWith,oHeight=o.offsetheight;
while(o!=document.body)
{
  temp.left+=o.offsetLeft;
  temp.top+=o.offsetTop;
  var border=parseInt(o.offsetParent.currentStyle.borderWidth);
  if(border)
  {
   temp.left+=border;
   temp.top+=border;
  }
  o=o.offsetParent;
}
temp.right=temp.left+oWidth;
temp.bottom=temp.top+temp.oHeight;
return temp;
}

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>新建网页 5</title>

</head>

<div id="asfman" style="position:absolute;width:60px;height:60px;border:2px solid red;"></div>

<body id="b">

<div id="d2" style="position:absolute;left:100px;top:100px;border:1px solid red;width:100px;height:100px">

<div id="d1"style="position:relative;left:20px;top:20px;margin:10px;border:15px solid green;width:50px; height:50px;padding:3px;">

<div id="d3" style="margin:8px;position:relative;left:0px;top:0px;border:10px solid green;width:20px; height:20px;">

</div>

</div>

</div>

<script>

function getPosition(o)

{

var temp={};

temp.left=temp.right=temp.top=temp.bottom=0;

var oWidth=o.offsetWith,oHeight=o.offsetheight;

while(o!=document.body)

{

temp.left+=o.offsetLeft;

temp.top+=o.offsetTop;

var border=parseInt(o.offsetParent.currentStyle.borderWidth);

if(border)

{

temp.left+=border;

temp.top+=border;

}

o=o.offsetParent;

}

temp.right=temp.left+oWidth;

temp.bottom=temp.top+temp.oHeight;

return temp;

}

asfman.style.top=getPosition(d3).top;

asfman.style.left=getPosition(d3).left;

</script>

</body>

</html>

posted on 2007-04-26 14:29 汪杰阅读(242) 评论(1) 编辑收藏引用所属分类: javascript

FeedBack:

# re: 获取位置

2007-05-06 16:07 | 汪杰

note:offsetLeft包括padding但不包括border 回复更多评论

刷新评论列表

只有注册用户登录后才能发表评论。

2024年4月

日

一

二

三

四

五

六

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

常用链接

留言簿(15)

随笔分类(1)

divandcss(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

effect

收藏夹

javascript

http://blog.csdn.net/prodigynonsense

友情链接

搬家公司

最新随笔

搜索

积分与排名

积分 - 457604
排名 - 6

最新随笔

最新评论

1. re: 关于编码、unicode、utf-8的讨论
：cache-control，Expires。
--张丹宁
2. re: Android NFC相关资料之MifareClassic卡（读写）
我目前需要读写MifareClassic卡，目前还是小白，希望大神指教！
--彭林
3. re: JS获取输入框当前光标左右文本(zt)
温热we
--二万人
4. re: Android NFC相关资料之MifareClassic卡（读写）
514701946@qq.com @ff
--ff
5. re: Android NFC相关资料之MifareClassic卡（读写）
最近在研究这个，请问有没有源码，谢谢你
--ff

阅读排行榜

评论排行榜