高分求解（点击td, 显示坐标）

http://expert.csdn.net/Expert/topic/915/915817.xml?temp=.307079513. 取得控件的绝对位置//Javascript
<script language="Javascript">
function getIE(e){
  var t=e.offsetTop;
  var l=e.offsetLeft;
  while(e=e.offsetParent){
    t+=e.offsetTop;
    l+=e.offsetLeft;
    }
  alert("top="+t+"\nleft="+l);
  }
</script>//VBScript
<script language="VBScript"><!--
function getIE()
  dim t,l,a,b
  set a=document.all.img1
  t=document.all.img1.offsetTop
  l=document.all.img1.offsetLeft
  while a.tagName<>"BODY"
    set a = a.offsetParent
    t=t+a.offsetTop
    l=l+a.offsetLeft
  wend
  msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

解决方案 »

  1.   

    <script language="Javascript">
    function getIE(e){
      var t=e.offsetTop;
      var l=e.offsetLeft;
      while(e=e.offsetParent){
        t+=e.offsetTop;
        l+=e.offsetLeft;
        }
      alert("top="+t+"\nleft="+l);
      }
    </script>
    <td name=td1 onclick="javascript:getIE(this)"> click</td>
      

  2.   

    我的好像不需要循环啊：）
    <script language="JavaScript">
    <!--
    function showXY(){
    var obj = event.srcElement;
    var jnkcTag = obj.tagName;
    obj.style.position = 'relative';
    var jnkcX = obj.offsetLeft;
    var jnkcY = obj.offsetTop;
    alert('元素：'+jnkcTag+'\nX坐标：'+jnkcX+'\nY坐标：'+jnkcY)
    }
    //-->
    </script>
      

  3.   

    例子：<html>
    <head>
    <title></title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="JnKc">
    <meta name="Keywords" content="">
    <script language="JavaScript">
    <!--
    function showXY(){
    var obj = event.srcElement;
    var jnkcTag = obj.tagName;
    obj.style.position = 'relative';
    var jnkcX = obj.offsetLeft;
    var jnkcY = obj.offsetTop;
    alert('元素：'+jnkcTag+'\nX坐标：'+jnkcX+'\nY坐标：'+jnkcY)
    }
    //-->
    </script>
    </head>
    <body onClick="showXY()">
    <table border="10" cellspacing="3" cellpadding="10" align="center" width="500">
    <tr>
    <td>A<button>按钮</button></td>
    <td>&nbsp;</td>
    <td align="right"><button>按钮</button></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td align="center"><button>按钮</button></td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><button>按钮</button></td>
    </tr>
    </table><br>
    <table border="10" cellspacing="3" cellpadding="10" align="center" width="500">
    <tr>
    <td>B<button>按钮</button></td>
    <td>&nbsp;</td>
    <td align="right"><button>按钮</button></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td align="center"><button>按钮</button></td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><button>按钮</button></td>
    </tr>
    </table>
    </body>
    </html>