HTML DOM offsetLeft Eigenschaft
Element-ObjektBeispiele
Den linken Offset eines div-Elements ermitteln:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Selbst ausprobieren »
Definition und Verwendung
offsetLeft ist eine schreibgeschützte Eigenschaft, die den Pixel-Offset des aktuellen Elements relativ zum linken Rand des offsetParent-Knotens zurückgibt.
Der Rückgabewert enthält:
- Den Pixelwert des Linksversatzes des Elements und den Außenabstand des Elements
- Der linke Innenabstand, der Rahmen und die Bildlaufleiste des offsetParent-Elements.
Hinweis: offsetParentDas Element bezieht sich auf das nächstgelegene positionierte Element (d. h. das in der enthaltenden Hierarchie nächstgelegene), das das Element enthält, oder auf das nächstgelegene Element.
Tipp:Um den oberen Offset eines Elements zu erhalten, verwenden Sie dieoffsetTopEigenschaft.
Browser-Unterstützung
| Eigenschaft | |||||
|---|---|---|---|---|---|
| offsetLeft | Ja | Ja | Ja | Ja | Ja |
Syntax
element.offsetLeft
Technische Details
| Rückgabewert: | Gibt eine Ganzzahl zurück, die den linken Offset des Elements in Pixeln (px) darstellt. |
|---|
Weitere Beispiele
Beispiel
Ermitteln Sie die Position eines div-Elements:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
Selbst ausprobieren »
Andere Erweiterungen