HTML DOM Element offsetLeft-eigenschap

Definitie en gebruik

offsetLeft De eigenschap retourneert de linker positie ten opzichte van de ouder (uitgedrukt in pixels). Deze eigenschap is alleen leesbaar.

De retourwaarde omvat:

  • Linkse positie en marges van het element
  • Linker binnenmarge van de ouder, scrollbar en rand

Zie ook:CSS frame model handleiding

offsetParent

Alle blokgrootheden rapporteren de afstand ten opzichte van de afstand van de ouder:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

De afstand van de ouder verwijst naar de dichtstbijzijnde ouder met een niet-statische positie.

Als er geen afstand van de afstand van de ouder is, is de afstand ten opzichte van de正文.

Zie ook:

offsetTop-eigenschap

offsetWidth-eigenschap

offsetHeight-eigenschap

offsetParent-eigenschap

clientTop-eigenschap

clientLeft-eigenschap

clientWidth-eigenschap

clientHeight-eigenschap

Voorbeeld

Voorbeeld 1

Verkrijg de offsetLeft-positie van "myDIV":

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

Probeer het zelf

Voorbeeld 2

Verkrijg de positie van "myDIV":

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

Probeer het zelf

Syntax

Retourneer de linker afstand:

element.offsetLeft

Retourwaarde

Type Beschrijving
Getal Linker positie van het element, uitgedrukt in pixels.

Browserondersteuning

Alle browsers ondersteunen element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning