Element offsetLeft- Eigenschaft
❮ Das Element-ObjektBeispiel
Rufen Sie die offsetLeft-Position eines <div>-Elements ab:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Definition und Verwendung
Die offsetLeft-Eigenschaft gibt die linke Position (in Pixel) relativ zur linken Seite des offsetParent-Elements zurück.
Der zurückgegebene Wert umfasst:
- die linke Position und der Rand des Elements
- die linke Polsterung, die Bildlaufleiste und der Rand des offsetParent-Elements
Hinweis: Das offsetParent- Element ist der nächste Vorfahr, der eine andere Position als static hat.
Tipp: Um die oberste Position eines Elements zurückzugeben, verwenden Sie die Eigenschaft offsetTop .
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Syntax
Geben Sie die linke Offset-Position zurück:
object.offsetLeft
Technische Details
Standardwert: | kein Standardwert |
---|---|
Rückgabewert: | Eine Zahl, die die linke Position des Elements in Pixel darstellt |
DOM-Version: | CSSOM |
Mehr Beispiele
Beispiel
Holen Sie sich die Position eines <div> Elements:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ Das Element-Objekt