Свойство offsetLeft элемента
❮ Элемент объектаПример
Получите позицию offsetLeft элемента <div>:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Определение и использование
Свойство offsetLeft возвращает позицию слева (в пикселях) относительно левой стороны элемента offsetParent.
Возвращаемое значение включает:
- левая позиция и поле элемента
- левое заполнение, полоса прокрутки и граница элемента offsetParent
Примечание. Элемент offsetParent — это ближайший предок, положение которого отличается от статического.
Совет: Чтобы вернуть верхнюю позицию элемента, используйте свойство offsetTop .
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Синтаксис
Вернуть позицию смещения влево:
object.offsetLeft
Технические детали
Значение по умолчанию: | нет значения по умолчанию |
---|---|
Возвращаемое значение: | Число, представляющее левую позицию элемента в пикселях. |
Версия ДОМ: | CSSOM |
Дополнительные примеры
Пример
Получите позицию элемента <div>:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ Элемент объекта