HTML DOM getBoundingClientRect()- methode
❮Het Element-ObjectVoorbeeld
Retourneer de grootte van een element en zijn positie ten opzichte van de viewport:
var rect = obj.getBoundingClientRect();
Definitie en gebruik
De methode getBoundingClientRect() retourneert de grootte van een element en zijn positie ten opzichte van de viewport.
Deze methode retourneert een DOMRect-object met acht eigenschappen: left, top, right, bottom, x, y, width, height.
Opmerking: Bij het berekenen van de begrenzende rechthoek wordt rekening gehouden met de hoeveelheid scrollen die in het kijkvenster is gedaan. Dit betekent dat de randen van de rechthoek (boven, links, onder en rechts) hun waarden wijzigen telkens wanneer de schuifpositie verandert.
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Syntaxis
element.getBoundingClientRect()
Technische details
DOM-versie: | CSS Object Model (CSSOM) Module bekijken |
---|---|
Winstwaarde: | Een DOMRect-object met acht eigenschappen: links, boven, rechts, onder, x, y, breedte, hoogte. |
❮Het Element-Object