Как определить позицию элемента по определенному родителю?

Question

[sportik174]

Всем привет!
Есть вот такой пример:
https://codepen.io/khasenovweb/pen/QWMrMQY

Как получить координаты .child_1, .child_2, .child_3 относительно .parent?

Answer 1

[DimaIs]

Способ 1: рассчитать координаты каждого child_n относительно child__wrapper, потом добавить к ним координаты child__wrapper относительно parent (свойства offsetTop, offsetLeft каждого элемента дают нам координату относительно родителя ДОКИ)
Способ 2: использовать метод getClientRects ДОКИ