Метод getBoundingClientRect()
Пример element.getBoundingClientRect()
Возвращает размер элемента и его положение относительно области просмотра:
const rect = element.getBoundingClientRect();
Попробуйте сами »
Описание getBoundingClientRect()
Метод getBoundingClientRect() возвращает размер элемента и его положение относительно области просмотра.
Метод getBoundingClientRect() возвращает объект DOMRect с восемью свойствами: left, top, right, bottom, x, y, width, height.
Примечание getBoundingClientRect()
Учитывается выполненная прокрутка. Это означает, что края прямоугольника (верхний, левый, нижний и правый) меняют свои значения каждый раз, когда меняется положение прокрутки.
Синтаксис getBoundingClientRect()
element.getBoundingClientRect()
Возвращаемое значение getBoundingClientRect()
| Тип | Описание |
|---|---|
| Object | Объект DOMRect с восемью свойствами: left, top, right, bottom, x, y, width, height. |
Поддержка браузера getBoundingClientRect()
element.getBoundingClientRect() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |