Атрибут offsetLeft HTML DOM Element
- Предыдущая страница offsetWidth
- Следующая страница offsetParent
- Вернуться на один уровень выше Объект Elements DOM HTML
Определение и использование
offsetLeft Атрибут возвращает левую позицию относительно родителя (в пикселях). Этот атрибут является только для чтения.
Возвратное значение включает в себя:
- Левая позиция элемента и внешние отступы
- Левый внутренний отступ родителя, полосы прокрутки и рамки
См. также:Уроки по CSS фреймворку
offsetParent
Все блоковые элементы گزارشят смещение относительно смещенного родителя:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
Смещенный родитель指的是 ближайший предок с нестандартным положением.
Если не существует смещенного родителя, смещение относительно текста документа.
См. также:
Пример
Пример 1
Получить левосмещение "myDIV":
const element = document.getElementById("myDIV");
let pos = element.offsetLeft;
Пример 2
Получить положение "myDIV":
const element = document.getElementById("myDIV");
let pos1 = element.offsetTop;
let pos2 = element.offsetLeft;
Синтаксис
Возврат левосмещения:
element.offsetLeft
Возвратное значение
| Тип | Описание |
|---|---|
| Число | Левая позиция элемента, выраженная в пикселях. |
Поддержка браузеров
Все браузеры поддерживают element.offsetTop:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Поддержка | Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница offsetWidth
- Следующая страница offsetParent
- Вернуться на один уровень выше Объект Elements DOM HTML
