如何实现捕获某TD的坐标呢

Question

见置顶贴 新手FAQ贴,常见问题与功能实现.

Answer 1

<br>
<table>
<tr><td onclick=getIE(this)>
test
</td></tr>
</table>
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
var height=e.clientHeight;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
alert("下边界为"+(parseInt(t)+height));
}
</script>

Answer 2

谢谢呀，
<table>
<tr>
<td id="tt">
<div onclick="javascript:getIE(tt)" >1Label</div><br>
</td>
</tr>
</table>
这样我可以实现，但我的TR,TD是用程序来写的，可能无法给每个TD一个ID名字，我想用下面的方法实现，但没成功，就是怎么找到TEST当前所在的TD传给函数呢
<table>
<tr>
<td
<div onclick="javascript:getIE(this.td)" >TEST</div><br>
</td>
</tr>
</table>

Answer 3

用onclick="javascript:getIE(this)" 试试

Answer 4

<table>
<tr><td  onclick='alert(this.getBoundingClientRect().left)'>
test
</td></tr>
</table>

Answer 5

楼上的，我不想点TD时得到坐标呀，我是想点TEST时才得到，因为TD可能宽于TEST，我不想点到空白的地方时得到坐标，而是想点到TEST字时才得到，然后在其下面显示别的东西。

Answer 6

如果不能随意加id的话，可以用
document.getElementsByTagName("")方法
或者定位一个元素，然后直接拿元素的前一个元素和后一个元素，父元素和子元素，JS都可以拿到的

Answer 7

好奇怪，我象下面这样写，得到的B和C两处的TOP坐标是一样的，这是怎么回事呢
<script language=javascript>
function showObject()
{
    alert(document.getElementById("b").offsetTop);
    alert(document.getElementById("c").offsetTop);
}
</script>
<table border="1">
<tr>
<td>
<a  id="a" onclick="javascript:showObject()" >1Label</a><br>
</td>
</tr>
<tr>
<td>
<a  id="b" onclick="javascript:showObject('b')" >1Label</a><br>
</td>
</tr>
</table>

Answer 8

<table>
<tr><td>
<span onclick='alert(this.getBoundingClientRect().left)'>test</span>
</td></tr>
</table>＾y＾!!

Answer 9

你的方法是一样的，因为你没有加上其他元素的高度
要这样才行<script language=javascript>
function showObject(e)
{
t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
    alert(t);
}
</script>
<table border="1">
<tr>
<td>
<a  id="a" onclick="javascript:showObject(this)" >1Label</a><br>
</td>
</tr>
<tr>
<td>
<a  id="b" onclick="javascript:showObject(this)" >1Label</a><br>
</td>
</tr>
</table>