<div align="center">
<table border="0" cellpadding="0" style="border-collapse: collapse" width="98%" id="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="td1"> </td>
<td id="td2"> </td>
<td id="td3"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<script language="javascript">
<!--
function showXY(o)
{
alert(o.getBoundingClientRect().top + "\r\n" +o.getBoundingClientRect().left );
}
showXY(td1);
showXY(td2);
showXY(td3);//-->
</script>

解决方案 »

  1.   

    <div align="center">
    <table border="0" cellpadding="0" style="border-collapse: collapse" width="98%" id="table1">
    <tr>
    <td onMouseOver="javascript:Show(this);">AAA</td>
    <td onMouseOver="javascript:Show(this);">BBB</td>
    <td onMouseOver="javascript:Show(this);">CCC</td>
    </tr>
    </table>
    </div>
    <script language="javascript">
    <!--
    function showXY(obj)
    {
    alert(obj.getBoundingClientRect().top + "\r\n" +obj.getBoundingClientRect().left );
    }
    </script>