Element offsetLeft Property
❮ Obiekt elementuPrzykład
Pobierz pozycję offsetLeft elementu <div>:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Definicja i użycie
Właściwość offsetLeft zwraca lewą pozycję (w pikselach) względem lewej strony elementu offsetParent.
Zwracana wartość obejmuje:
- lewa pozycja i margines elementu
- lewe dopełnienie, pasek przewijania i obramowanie elementu offsetParent
Uwaga: Element offsetParent jest najbliższym przodkiem, który ma pozycję inną niż statyczna.
Wskazówka: Aby zwrócić górną pozycję elementu, użyj właściwości offsetTop .
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Składnia
Zwróć lewą pozycję przesunięcia:
object.offsetLeft
Szczegóły techniczne
Domyślna wartość: | brak wartości domyślnej |
---|---|
Wartość zwrotu: | Liczba reprezentująca lewą pozycję elementu w pikselach |
Wersja DOM: | CSSOM |
Więcej przykładów
Przykład
Pobierz pozycję elementu aa <div>:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ Obiekt elementu