Ermittlung der tatsächlichen Breite und Höhe eines HTML -Elements

, um ein HTML -Element innerhalb des Sehensorts des Browsers zu zentrieren, ist notwendig, um seine Dimensionen genau zu berechnen. Hier erfahren Sie, wie Sie die tatsächliche Breite und Höhe eines Elements effizient abrufen. Beachten Sie, dass diese Eigenschaften Teil des Elements sind, nicht des Elements. Abmessungen und Ort eines Elements innerhalb des Ansichtsfensters als Gleitkomma-Zahlen. Dies beinhaltet die Position, die Breite und die Höhe des Elements, nachdem CSS -Transformationen angewendet wurden. // Ausgabe: // domrect { // ... // Breite: 631, // Element -Breite in Pixel // Höhe: 54.7, // Elementhöhe in Pixel // ... //}

browser support

Beide Techniken werden in modernen Browsern unterstützt. Einschließlich:

const width = document.getElementById('foo').offsetWidth;

firefox

const width = document.getElementById('foo').offsetWidth;