Méthode HTML DOM getBoundingClientRect()
❮ L'objet élémentExemple
Renvoie la taille d'un élément et sa position par rapport à la fenêtre :
var rect = obj.getBoundingClientRect();
Définition et utilisation
La méthode getBoundingClientRect() renvoie la taille d'un élément et sa position par rapport à la fenêtre.
Cette méthode renvoie un objet DOMRect avec huit propriétés : gauche, haut, droite, bas, x, y, largeur, hauteur.
Remarque : La quantité de défilement qui a été effectuée sur la zone de la fenêtre est prise en compte lors du calcul du rectangle englobant. Cela signifie que les bords du rectangle (haut, gauche, bas et droite) changent de valeur chaque fois que la position de défilement change.
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge la méthode.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Syntaxe
element.getBoundingClientRect()
Détails techniques
Version DOM : | Module d'affichage du modèle d'objet CSS (CSSOM) |
---|---|
Valeur de retour : | Un objet DOMRect avec huit propriétés : gauche, haut, droite, bas, x, y, largeur, hauteur. |
❮ L'objet élément