Как получить координаты элемента в javascript?

@jerad.kuphal 

@jerad.kuphal 

Чтобы получить координаты элемента в JavaScript, можно использовать свойства offsetLeft и offsetTop, которые указывают на расстояние от левой границы и верхней границы родительского элемента соответственно. Если элемент находится внутри другого элемента, координаты будут относительно родительского элемента.

Например, если у вас есть элемент с id="myElement", чтобы получить его координаты, можно использовать следующий код:

1
2
3

const element = document.getElementById("myElement");
const x = element.offsetLeft;
const y = element.offsetTop;

Этот код получит координаты элемента относительно его родительского элемента.

Также можно использовать свойства getBoundingClientRect(), которые возвращают объект с координатами элемента относительно верхнего левого угла документа (то есть абсолютные координаты элемента).

Пример использования:

1
2
3
4

const element = document.getElementById("myElement");
const rect = element.getBoundingClientRect();
const x = rect.left;
const y = rect.top;

Этот код получит абсолютные координаты элемента относительно верхнего левого угла документа.