Metoda HTML DOM getBoundingClientRect()
❮ Obiekt elementuPrzykład
Zwróć rozmiar elementu i jego położenie względem rzutni:
var rect = obj.getBoundingClientRect();
Definicja i użycie
Metoda getBoundingClientRect() zwraca rozmiar elementu i jego pozycję względem rzutni.
Ta metoda zwraca obiekt DOMRect z ośmioma właściwościami: left, top, right, bottom, x, y, width, height.
Uwaga: Podczas obliczania prostokąta ograniczającego brana jest pod uwagę wielkość przewijania obszaru rzutni. Oznacza to, że krawędzie prostokąta (góra, lewo, dół i prawo) zmieniają swoje wartości za każdym razem, gdy zmienia się pozycja przewijania.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Składnia
element.getBoundingClientRect()
Szczegóły techniczne
Wersja DOM: | Moduł widoku CSS Object Model (CSSOM) |
---|---|
Wartość zwrotu: | Obiekt DOMRect z ośmioma właściwościami: left, top, right, bottom, x, y, width, height. |
❮ Obiekt elementu