HTML DOM getBoundingClientRect() Methode

HTML DOM Element-Objekt

getBoundingClientRect()Die Methode gibt die Größe des Elements und seine Position relativ zum viewport (Ansichtsfenster) zurück.

Der zurückgegebene Wert ist ein DOMRect-Objekt mit acht Eigenschaften: left, top, right, bottom, x, y, width und height.

Hinweis:Bei der Berechnung des Umrandungsrechtecks ist der Scrollbereich des Viewports zu berücksichtigen. Dies bedeutet, dass sich die Kanten (oberer, linker, unterer und rechter Rand) des Rechtecks ändern, wenn sich der Scrollposition ändert.

Syntax:

element.getBoundingClientRect()

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

Browserkompatibilität

Der getBoundingClientRect()-Methode wird von allen Browsern vollständig unterstützt:

Technische Details

HTML DOM Element-Objekt