Metodo getBoundingClientRect() dell'HTML DOM

Oggetto Elemento HTML DOM

getBoundingClientRect()Il metodo restituisce le dimensioni dell'elemento e la sua posizione rispetto al viewport (视口).

Il valore restituito è un oggetto DOMRect con otto proprietà: left, top, right, bottom, x, y, width, height.

Attenzione:Nel calcolare il rettangolo di confine, è necessario considerare la quantità di scorrimento dell'area di viewport. Questo significa che ogni volta che cambia la posizione di scorrimento, i margini del rettangolo (superiore, sinistro, inferiore e destro) cambieranno i loro valori.

Sintassi:

element.getBoundingClientRect()

var div = document.getElementById("myDiv");
var rect = div.getBoundingClientRect();

Compatibilità del browser

Tutti i browser supportano completamente il metodo getBoundingClientRect():

Dettagli tecnici

Oggetto Elemento HTML DOM