English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
offsetTop为只读属性,它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。
返回的值包括:
元素的顶部位置和边距
offsetParent元素的顶部填充、滚动条和边框
注:该offsetParent元素是最近的父级元素,它的位置不是静态的。
要返回元素的左侧位置,请使用offsetLeft属性。
element.offsetTop
var myBox = document.getElementById("box"); document.getElementById("result").innerHTML = myBox.offsetTop;Testen Sie es heraus‹/›
offsetTop-Eigenschaft wird von allen Browsern vollständig unterstützt:
Eigenschaft | |||||
offsetTop | Ja | Ja | Ja | Ja | Ja |
Rückgabewert: | Eine Zahl, die die obere Position des Elements in Pixeln angibt |
---|---|
DOM-Version: | CSS-Objektmodell (CSSOM) |
Rückgabe der Position des DIV-Elements:
var myBox = document.getElementById("box"); var x = document.getElementById("result"); x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;Testen Sie es heraus‹/›
HTML DOM-Referenz:offsetHeight-Eigenschaft
HTML DOM-Referenz:offsetWidth-Eigenschaft
HTML DOM-Referenz:offsetLeft-Eigenschaft
HTML DOM-Referenz:offsetParent-Eigenschaft