HTMLElement: offsetTop property

{{ APIRef("HTML DOM") }}

The offsetTop read-only property of the {{domxref("HTMLElement")}} interface returns the distance from the outer border of the current element (including its margin) to the top padding edge of the {{domxref("HTMLelement.offsetParent","offsetParent")}}, the closest positioned ancestor element.

Value

A number.

Examples

const d = document.getElementById("div1");
const topPos = d.offsetTop;

if (topPos > 10) {
  // object offset is more
  // than 10 pixels from its parent
}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Determining the dimensions of elements
• {{domxref("Element.clientTop")}}
• {{domxref("Element.scrollTop")}}
• {{domxref("HTMLElement.offsetHeight")}}
• {{domxref("HTMLElement.offsetWidth")}}
• {{domxref("HTMLElement.offsetLeft")}}
• {{domxref("Element.getBoundingClientRect()")}}