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属性