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

@greyson Вы можете получить координаты элемента через метод getBoundingClientRect() :

1
2

var rect = document.querySelector('.element-class-name').getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left);

@greyson 

Вы можете получить координаты элемента на странице, используя свойства offsetTop и offsetLeft элемента. Эти свойства возвращают расстояние элемента от верхнего левого угла родительского элемента в пикселях. Например:

1
2
3

const element = document.querySelector('#my-element');
const x = element.offsetLeft;
const y = element.offsetTop;

Если вы хотите получить координаты элемента относительно всей страницы, а не только родительского элемента, вы можете использовать свойство getBoundingClientRect элемента. Это свойство возвращает объект с координатами элемента. Например:

1
2
3
4

const element = document.querySelector('#my-element');
const rect = element.getBoundingClientRect();
const x = rect.left + window.pageXOffset;
const y = rect.top + window.pageYOffset;

Обратите внимание, что в этом случае нужно добавить смещение страницы pageXOffset и pageYOffset, чтобы получить координаты относительно всей страницы, а не окна браузера.