Получить координаты элемента внутри другого элемента?

Question

[Gravio]

Дерево выглядит примерно так:

<div id="main">
    <div id="block">
         <p id="el">hi</p>
   </div>
</div>

Как получить координаты p с id el внутри именно блока main?

Answer 1

[0xD34F]

getBoundingClientRect

Comments

[Gravio]

Я пытался делать через getBoundingClientRect, но он возвращает координаты ниже чем находится p, как можно поправить ?

[0xD34F]

Gravio, убил бы. Поправить ЧТО?

Получаете позицию одного элемента, второго, вычитаете.

[Gravio]

0xD34F, Все направление понял, спасибо

Answer 2

[Антон Усачев]

Вычесть координаты относительного элемента с учетом скролла окна из координат нужного элемента с учетом скролла окна. Лениво писать простыню на чистом js, поэтому для понимания на jq: