HTML DOM offsetTop 属性

Objeto Elemento de HTML DOM

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

返回的值包括：

• 元素的顶部位置和边距

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

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

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

语法：

element.offsetTop

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

Compatibilidad del navegador

Todos los navegadores soportan completamente la propiedad offsetTop:

Detalles técnicos

Más ejemplos

Devolver la ubicación del elemento DIV:

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

Referencias relacionadas

Referencia de HTML DOM:propiedad offsetHeight

Referencia de HTML DOM:propiedad offsetWidth

Referencia de HTML DOM:propiedad offsetLeft

Referencia de HTML DOM:propiedad offsetParent

Objeto Elemento de HTML DOM