Méthode getBoundingClientRect() du DOM HTML

Objet Element HTML DOM

getBoundingClientRect()La méthode renvoie la taille de l'élément et sa position par rapport au viewport (vueport).

La valeur retournée est un objet DOMRect avec huit propriétés : left, top, right, bottom, x, y, width et height.

Remarque :Lors du calcul du rectangle de contour, il faut tenir compte du décalage de défilement de la zone de visualisation. Cela signifie que chaque fois que la position de défilement change, les bords (haut, gauche, bas et droite) du rectangle changent leurs valeurs.

Syntaxe :

element.getBoundingClientRect()

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

Compatibilité navigateur

La méthode getBoundingClientRect() est complètement supportée par tous les navigateurs :

Détails techniques

Objet Element HTML DOM