HTML DOM offsetTop 属性

Oggetto Elemento DOM HTML

offsetTop为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。

返回的值包括：

• 元素的顶部位置和边距

• offsetParent元素的顶部填充、滚动条和边框

注：该offsetParent元素是最近的父级元素，它的位置不是静态的。

要返回元素的左侧位置，请使用offsetLeft属性。

语法：

element.offsetTop

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

Compatibilità dei browser

Tutti i browser supportano completamente la proprietà offsetTop:

Dettagli tecnici

Più esempi

Restituisci la posizione dell'elemento DIV:

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

Riferimenti correlati

Riferimento DOM HTML:Proprietà offsetHeight

Riferimento DOM HTML:Proprietà offsetWidth

Riferimento DOM HTML:Proprietà offsetLeft

Riferimento DOM HTML:Proprietà offsetParent

Oggetto Elemento DOM HTML