如何根据对象的父div使用javascript获取对象位置

如何根据对象的父div使用javascript获取对象位置

例如：

<div id="ExampleDiv">  // bla bla position at the page

<img id="MyImage"/>

</div>

//页面上的bla-bla位置

如果我们认为ExampleDiv左上角是起始点（0），那么可以使用javascript根据0点获取MyImage的位置吗

如果可能，怎么做？

给你

var img = document.getElementById('MyImage');
var top = img.offsetTop;
var left = img.offsetLeft;

---

在DOM树上的位置，或者它所显示的坐标（x，y）？是的，我得到了。现在是第二部分。我想根据我们刚找到的位置得到鼠标的位置。这是怎么可能的？鼠标在图像中的位置还是什么？我正在尝试用javascript制作动态工具提示。因此，当用户将鼠标悬停在图像上时，javascript工具提示将根据鼠标位置显示。你知道，只是想做一个很酷的工具提示。你是在邀请方向盘。有这么多免费的脚本库可以为您做到这一点。无论如何，您根本不需要图像的位置。mousemove事件将从页面返回x和y坐标，即Mozilla的

e.pageX

，IE.DanielB的

window.event.clientX

，它不起作用。因为我将通过javascript使之可见的div嵌套在另一个父div中。我有母版页和内容页。我将作为工具提示显示的div嵌套在contentpages div中。因此，当我直接使用通过该方法获得的位置时，它不起作用。我需要鼠标位置，因为我要使另一个div可见（工具提示）并设置它的位置。因为它嵌套在另一个div中，所以失败。您可以看到，如果我要使之可见的div没有嵌套在任何其他div中，那么它将起作用。