Метод HTML DOM getBoundingClientRect()
❮ Элемент объектаПример
Возвращает размер элемента и его положение относительно области просмотра:
var rect = obj.getBoundingClientRect();
Определение и использование
Метод getBoundingClientRect() возвращает размер элемента и его позицию относительно области просмотра.
Этот метод возвращает объект DOMRect с восемью свойствами: левое, верхнее, правое, нижнее, x, y, ширина, высота.
Примечание. Объем прокрутки области окна просмотра учитывается при вычислении ограничивающего прямоугольника. Это означает, что края прямоугольника (верхний, левый, нижний и правый) меняют свои значения каждый раз, когда изменяется положение прокрутки.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Синтаксис
element.getBoundingClientRect()
Технические детали
Версия ДОМ: | Модуль просмотра объектной модели CSS (CSSOM) |
---|---|
Возвращаемое значение: | Объект DOMRect с восемью свойствами: слева, сверху, справа, снизу, x, y, ширина, высота. |
❮ Элемент объекта