Element offsetLeft Property
❮Het Element-ObjectVoorbeeld
Verkrijg de offsetLeft positie van een <div> element:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Definitie en gebruik
De eigenschap offsetLeft retourneert de linkerpositie (in pixels) ten opzichte van de linkerkant van het offsetParent-element.
De geretourneerde waarde omvat:
- de linkerpositie en marge van het element
- de linker opvulling, schuifbalk en rand van het offsetParent-element
Opmerking: Het element offsetParent is de dichtstbijzijnde voorouder met een andere dan statische positie.
Tip: Gebruik de eigenschap offsetTop om de bovenste positie van een element terug te geven .
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Syntaxis
Zet de linker offsetpositie terug:
object.offsetLeft
Technische details
Standaardwaarde: | geen standaardwaarde |
---|---|
Winstwaarde: | A Getal, dat de linkerpositie van het element vertegenwoordigt, in pixels |
DOM-versie: | CSSOM |
Meer voorbeelden
Voorbeeld
Verkrijg de positie van aa <div> element:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮Het Element-Object