пример
Получить позицию offsetTop в виде <div> элемент:
<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> Попробуй сам " Определение и использование
Свойство offsetTop возвращает верхнее положение (in pixels) по отношению к верхней части элемента offsetParent.
Возвращаемое значение включает в себя:
- в верхней позиции, и край элемента
- верхняя обивка, полосы прокрутки и границы элемента offsetParent
Примечание: offsetParent элемент является ближайшим предком , который имеет место, кроме статической.
Совет: Для того, чтобы вернуть левую позицию элемента, используйте offsetLeft свойство.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| offsetTop | да | 8,0 | да | да | да |
Синтаксис
Возвращает верхнее смещение позиции:
object .offsetTop
Технические подробности
| Значение по умолчанию: | Значение по умолчанию не |
|---|---|
| Возвращаемое значение: | A Количество, представляющее верхнюю позицию элемента в пикселях |
| DOM Версия: | CSSOM |
Еще примеры
пример
Получить позицию аа <div> элемент:
<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>
Попробуй сам "