пример
Получить позицию offsetLeft в виде <div> элемент:
<div id="test">
<p>Click the button to get offsetLeft for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetLeft
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
}
</script> Попробуй сам " Определение и использование
Свойство offsetLeft возвращает левое положение (in pixels) по отношению к левой стороне элемента offsetParent.
Возвращаемое значение включает в себя:
- левое положение, и край элемента
- левый обивка, полосы прокрутки и границы элемента offsetParent
Примечание: offsetParent элемент является ближайшим предком , который имеет место, кроме статической.
Совет: Для того, чтобы вернуть верхнюю позицию элемента, используйте offsetTop свойство.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| offsetLeft | да | 8,0 | да | да | да |
Синтаксис
Возвращает левое положение смещения:
object .offsetLeft
Технические подробности
| Значение по умолчанию: | Значение по умолчанию не |
|---|---|
| Возвращаемое значение: | 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>
Попробуй сам "