Exemplu
Ia poziția offsetTop unui <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> Încearcă - l singur » Definiție și utilizare
Proprietatea offsetTop returnează poziția de top (in pixels) în raport cu partea de sus a elementului offsetParent.
Valoarea returnată include:
- poziția de top, și marginea elementului
- top padding, și bara de derulare a elementului marginea offsetParent
Notă: offsetParent element este cel mai apropiat strămoș care are o altă poziție decât cea statică.
Indicație: Pentru a reveni la poziția din stânga a unui element, utilizați offsetLeft proprietate.
Suport pentru browser-
| Proprietate | |||||
|---|---|---|---|---|---|
| offsetTop | da | 8 | da | da | da |
Sintaxă
Revenire poziția de top de compensare:
object .offsetTop
Detalii tehnice
| Valoare implicită: | nici o valoare prestabilită |
|---|---|
| Întoarcere Valoare: | Un număr, reprezentând poziția superioară a elementului, în pixeli |
| DOM Versiune: | CSSOM |
Mai multe exemple
Exemplu
Ia poziția 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>
Încearcă - l singur »