HTML DOM offsetTop свойство
Объект ElementПример
Получить верхнее смещение элемента div:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
Попробуйте сами »
Определение и использование
offsetTop — это свойство только для чтения, которое возвращает значение смещения в пикселях текущего элемента относительно верхней границы узла offsetParent.
Возвращаемое значение включает:
- Значение в пикселях верхнего смещения элемента, margin элемента
- Верхний padding, border и scrollbar элемента offsetParent
Примечание: offsetParentЭлемент является указателем на ближайший (ближайший в иерархии вложенности) позиционированный элемент, содержащий этот элемент, или ближайший элемент.
Совет:Чтобы получить смещение элемента слева, используйте свойствоoffsetLeft.
Поддержка браузеров
| Свойство | |||||
|---|---|---|---|---|---|
| offsetTop | Да | Да | Да | Да | Да |
Синтаксис
element.offsetTop
Технические детали
| Возвращаемое значение: | Возвращает целое число, представляющее верхнее смещение элемента, в пикселях (px). |
|---|
Другие примеры
Пример
Получить позицию элемента div:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
Попробуйте сами »
Другие расширения