Атрибут offsetTop HTML DOM

Объект элемента HTML DOM

offsetTopЭто только для чтения атрибут, который возвращает расстояние от верхнего внутреннего поля текущего элемента до его родительского элемента offsetParent.

Возвращаемое значение включает:

• верхнее положение и отступ элемента

• верхнее поле, полосы прокрутки и рамка offsetParent элемента

Примечание:ДанныйoffsetParentэлемент является ближайшим родительским элементом, позиция которого не статична.

Чтобы вернуть левую позицию элемента, используйтеoffsetLeftатрибут.

Синтаксис:

element.offsetTop

var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;

Совместимость браузеров

Полностью поддерживаетсяoffsetTop свойством во всех браузерах:

Технические детали

Более сложные примеры

Вернуть положение DIV элемента:

var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;

См. также

Референс HTML DOM:Свойство offsetHeight

Референс HTML DOM:Свойство offsetWidth

Референс HTML DOM:Свойство offsetLeft

Референс HTML DOM:Свойство offsetParent

Объект элемента HTML DOM