Javascript 如何获取位置，我想在表行左下方的位置显示一个div

我有一张有行的桌子

单击按钮时，我有要在其下显示div块的行的ID

我怎样才能知道位置

<table>
<tr id="tr1">
...
</tr>
<tr>
...
</tr>
</table>

...
...

... 因此，单击按钮时，在ID=tr1的行下显示div d1。我需要该行左侧的按钮，即我希望我的div从那里开始，并显示在该点的下方和右侧

Oh和任何其他元素之上，因此它（即它应该是最顶部的元素z索引？

以获得tr节点：

trNode=document.getElementById('tr1');

---

我不太清楚您想对div做什么。请提供更多信息。

只需将div放在HTML中，并将其可见性设置为“隐藏”。单击后，将其可见性设置为“可见”。更容易（如果你能实现同样的目标…

如果我理解正确，你正在查看

#tr1

左下角的物理位置。如果是这种情况，您可以使用

offset

方法：

var trOffset = $("#tr1").offset(),
    trLeft = trOffset.left,
    trBottom = trOffset.top + $("#tr1").height();

这将为您提供

#tr1

的左下角（相对于文档）的位置，然后您应该能够相应地定位

div

---

top

offset属性获取所选元素顶部的偏移量。如果需要底部，则需要将元素的高度添加到顶部偏移。

或者，如果使用jQuery UI，则可以选择使用位置函数的扩展：

jQuery("#d1").position({
    my: "left top",
    at: "left bottom,
    of: jQuery("#tr1")
});

如果需要，可以通过CSS处理z索引