HTML DOM offsetTop 属性

HTML DOM Element 对象

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

返回的值包括:

  • 元素的顶部位置和边距

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

注:offsetParent元素是最近的父级元素,它的位置不是静态的。

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

语法:

element.offsetTop
var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;
测试看看‹/›

浏览器兼容性

所有浏览器完全支持offsetTop属性:

属性
offsetTop

技术细节

返回值:一个数字,表示元素的顶部位置,以像素为单位
DOM版本:CSS对象模型(CSSOM)

更多实例

返回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 Element 对象