Beispiel
Holen Sie sich das offsetTop Position eines <div> Element:
<div id="test">
<p>Click the button to get offsetTop for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetTop
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
}
</script> Versuch es selber " Definition und Verwendung
Die offsetTop Eigenschaft gibt die Spitzenposition (in pixels) relativ zum oberen Rand des offset Elements.
Der Rückgabewert beinhaltet:
- die Spitzenposition, und Rand des Elements
- die obere Polsterung, und scrollbar Rand des offsetElement
Hinweis: Das offset Element der nächsten Vorfahren ist , die eine andere Position als statisch hat.
Tipp: Um die linke Position eines Elements zurückkehren, ist die Verwendung offsetleft Eigenschaft.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| offsetTop | Ja | 8.0 | Ja | Ja | Ja |
Syntax
Bringen Sie die Top-Offset-Position:
object .offsetTop
Technische Details
| Standardwert: | kein Standardwert |
|---|---|
| Rückgabewert: | Eine Zahl ist, die Spitzenposition des Elements darstellt, in Pixel |
| DOM Version: | CSSOM |
Mehr Beispiele
Beispiel
Holen Sie die Position aa <div> Element:
<div id="test">
<p>Click the button to get the left and top offsets for
the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p id="demo">offsetLeft: <br>offsetTop: </p>
</div>
<script>
function myFunction() {
var testDiv =
document.getElementById("test");
var demoDiv =
document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft:
" + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
}
</script>
Versuch es selber "