如何得到某元素的坐標

比如一個單元格,一個按鈕,一張圖片,一段文字等等
假設我已為上述元素定義了ID
比如

1<td id="t1"></td>
1<img id="i1" src="..."/>
1<input id="x1" type="text"/>
1<span id="s1">test...</span>

....
如何得到他們的坐標呢(我指的是左上角的X與Y值就行了)
先謝謝了~~~
---------------------------------------------------------------

 1<script language="Javascript">   
 2function getIE(e)   
 3{   
 4var t=e.offsetTop;   
 5var l=e.offsetLeft;   
 6while(e=e.offsetParent)   
 7{   
 8t+=e.offsetTop;   
 9l+=e.offsetLeft;   
10}   
11alert("top="+t+"\nleft="+l);   
12}   
13</script>
 1<body><input onclick="getIE(this)" type="button"/>   
 2\---------------------------------------------------------------   
 3  
 4<html>
 5<head>
 6<title>IE与NS都支持的实时读取鼠标位置的例子</title>
 7<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 8<meta content="F.R.Huang(meizz梅花雨)//www.meizz.com" name="author"/>
 9</head>
10<body bgcolor="#fef4d9" onmousemove="microsoftMouseMove()">
11<form name="form1">   
12X: <input name="x" size="4" type="text"/><br/>   
13Y: <input name="y" size="4" type="text"/>
14</form>
15<script language="JavaScript">   
16if (navigator.appname == 'Netscape')   
17{   
18document.captureEvents(Event.MOUSEMOVE);   
19document.onmousemove = netscapeMouseMove;   
20}   
21function netscapeMouseMove(e)   
22{   
23if (e.screenX != document.form1.x.value && e.screenY != document.form1.y.value)   
24{   
25document.form1.x.value = e.screenX;   
26document.form1.y.value = e.screenY;   
27}   
28}   
29function microsoftMouseMove()   
30{   
31if (window.event.x != document.form1.x.value && window.event.y != document.form1.y.value)   
32{   
33document.form1.x.value = window.event.x;   
34document.form1.y.value = window.event.y;   
35}   
36}   
37</script>
38</body></html></body>
Published At
Categories with Web编程
comments powered by Disqus