如何用它的外部html获得div的余量？

Question

我正在尝试为我的d3图表添加工具提示，现在定位方面存在一些问题。

我想得到的是 div和它在javascript中的父html之间的水平边距长度。 你可以看一下附图。

由于我的网页嵌入了复杂的网页，因此我无法直接获得css边距。但我真的需要这样来定位我的工具提示。

有人能给我一个解决方案吗？

Answer 1

您需要JavaScript offsetLeft属性。

来自https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetLeft：

  

HTMLElement.offsetLeft只读方法返回当前元素左上角在HTMLElement.offsetParent节点内向左偏移的像素数。

CSS边距不太适合这种情况，因为如果你有浮动元素或内联块，它取决于屏幕宽度div左边有多少个元素。所以这不能直接计算。