/ Вопросы и ответы по JavaScript / Как в JavaScript узнать координаты элемента

Как в JavaScript узнать координаты элемента

38
В этой статье я вам покажу, как определить положение элемента. Функция для получения координат элементов будет getBoundingClientRect. Этот метод поддерживается всем современными браузерами.

Определение координатов элемента

Метод getBoundingClientRect возвращает объект со свойствами left, top, bottom, right, width и height. В нашем примере мы покажем, как получить координаты со всех сторон:


 var div = document.getElementById("myDiv");
  var rect = div.getBoundingClientRect();
  x = rect.left;
  y = rect.top;
  w = rect.width;
  h = rect.height;
  alert ("Left: " + x + ", Top: " + y + ", Width: " + w + ", Height: " + h);