Metodo HTML DOM getBoundingClientRect()
❮ L'oggetto elementoEsempio
Restituisce la dimensione di un elemento e la sua posizione rispetto alla finestra:
var rect = obj.getBoundingClientRect();
Definizione e utilizzo
Il metodo getBoundingClientRect() restituisce la dimensione di un elemento e la sua posizione rispetto al viewport.
Questo metodo restituisce un oggetto DOMRect con otto proprietà: sinistra, in alto, a destra, in basso, x, y, larghezza, altezza.
Nota: quando si calcola il rettangolo di delimitazione, viene presa in considerazione la quantità di scorrimento che è stato eseguito nell'area della vista. Ciò significa che i bordi del rettangolo (in alto, a sinistra, in basso e a destra) cambiano i loro valori ogni volta che cambia la posizione di scorrimento.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Sintassi
element.getBoundingClientRect()
Dettagli tecnici
Versione DOM: | Modulo di visualizzazione CSS Object Model (CSSOM). |
---|---|
Valore di ritorno: | Un oggetto DOMRect con otto proprietà: sinistra, in alto, a destra, in basso, x, y, larghezza, altezza. |
❮ L'oggetto elemento