English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM offsetTop 属性

HTML DOM Element-Objekt

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

返回的值包括:

  • 元素的顶部位置和边距

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

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

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

语法:

element.offsetTop
var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;
Testen Sie es heraus‹/›

Browserkompatibilität

offsetTop-Eigenschaft wird von allen Browsern vollständig unterstützt:

Eigenschaft
offsetTopJaJaJaJaJa

Technische Details

Rückgabewert:Eine Zahl, die die obere Position des Elements in Pixeln angibt
DOM-Version:CSS-Objektmodell (CSSOM)

Mehr Beispiele

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‹/›

Verwandte Referenzen

HTML DOM-Referenz:offsetHeight-Eigenschaft

HTML DOM-Referenz:offsetWidth-Eigenschaft

HTML DOM-Referenz:offsetLeft-Eigenschaft

HTML DOM-Referenz:offsetParent-Eigenschaft

HTML DOM Element-Objekt