HTML-DOM -getBoundingClientRect()- Methode
❮ Das Element-ObjektBeispiel
Gibt die Größe eines Elements und seine Position relativ zum Ansichtsfenster zurück:
var rect = obj.getBoundingClientRect();
Definition und Verwendung
Die Methode getBoundingClientRect() gibt die Größe eines Elements und seine Position relativ zum Ansichtsfenster zurück.
Diese Methode gibt ein DOMRect-Objekt mit acht Eigenschaften zurück: left, top, right, bottom, x, y, width, height.
Hinweis: Der Umfang des Bildlaufs, der im Ansichtsfensterbereich durchgeführt wurde, wird bei der Berechnung des Begrenzungsrechtecks berücksichtigt. Das bedeutet, dass die Kanten des Rechtecks (oben, links, unten und rechts) ihre Werte jedes Mal ändern, wenn sich die Bildlaufposition ändert.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Syntax
element.getBoundingClientRect()
Technische Details
DOM-Version: | CSS-Objektmodell (CSSOM)-Ansichtsmodul |
---|---|
Rückgabewert: | Ein DOMRect-Objekt mit acht Eigenschaften: left, top, right, bottom, x, y, width, height. |
❮ Das Element-Objekt