比如一個單元格,一個按鈕,一張圖片,一段文字等等
假設我已為上述元素定義了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>