Przykład
Uzyskać pozycję offsetTop o <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>
Spróbuj sam " Definicja i Wykorzystanie
Właściwość offsetTop zwraca najwyższej pozycji (in pixels) względem górnego elementu offsetParent.
Zwrócona wartość obejmuje:
- górna pozycja, a margines elementu
- górna wyściółka, przewijania i obramowania elementu offsetParent
Uwaga: offsetParent elementem jest najbliższy przodek, który ma pozycję inną niż statyczne.
Wskazówka: Aby powrócić lewym położeniu elementu, użyj offsetLeft nieruchomości.
Wsparcie przeglądarka
Nieruchomość | |||||
---|---|---|---|---|---|
offsetTop | tak | 8.0 | tak | tak | tak |
Składnia
Powrót górną przesunięcie pozycji:
object .offsetTop
Szczegóły techniczne
Domyślna wartość: | Brak wartości domyślnej |
---|---|
Zwracana wartość: | Numer, reprezentujący najwyższą pozycję elementu w pikselach |
DOM wersja: | CSSOM |
Więcej przykładów
Przykład
Uzyskaj pozycję 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>
Spróbuj sam "