HTML DOM Element offsetLeft-Eigenschaft

Definition und Verwendung

offsetLeft Die Eigenschaft gibt die Position relativ zum Elternteil zurück (in Pixel). Diese Eigenschaft ist schreibgeschützt.

Der Rückgabewert umfasst:

  • Linke Position des Elements und der Außenabstand
  • Linke Innenabstand des Elternteils, Scrollbalken und Rahmen

Siehe auch:CSS-Box-Modell-Tutorial

offsetParent

Alle blockartigen Elemente melden die Verschiebungen relativ zum Verschiebungs-Elternteil:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Der Verschiebungs-Elternteil ist der nächstgelegene Vorfahre mit einer nicht statischen Position.

Wenn kein Verschiebungs-Elternteil existiert, ist der Verschiebungsabstand relativ zum Haupttext der Dokument.

Siehe auch:

offsetTop-Eigenschaft

offsetWidth-Eigenschaft

offsetHeight-Eigenschaft

offsetParent-Eigenschaft

clientTop-Eigenschaft

clientLeft-Eigenschaft

clientWidth-Eigenschaft

clientHeight-Eigenschaft

Beispiel

Beispiel 1

Position von "myDIV" (offsetLeft) ermitteln:

const element = document.getElementById("myDIV");
let pos = element.offsetLeft;

Versuchen Sie es selbst

Beispiel 2

Position von "myDIV" ermitteln:

const element = document.getElementById("myDIV");
let pos1 = element.offsetTop;
let pos2 = element.offsetLeft;

Versuchen Sie es selbst

Syntax

Geben Sie den linken Abstand zurück:

element.offsetLeft

Rückgabewert

Typ Beschreibung
Zahl Die linke Position des Elements, in Pixel angegeben.

Browserkompatibilität

Alle Browser unterstützen dies element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung