Exemplu
Ia poziția offsetLeft unui <div> Element:
<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> Încearcă - l singur » Definiție și utilizare
Proprietatea offsetLeft returnează poziția din stânga (in pixels) față de partea stângă a elementului offsetParent.
Valoarea returnată include:
- poziția din stânga, și marginea elementului
- padding stânga, bara de derulare și marginea elementului 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 de sus a unui element, utilizați offsetTop proprietate.
Suport pentru browser-
| Proprietate | |||||
|---|---|---|---|---|---|
| offsetLeft | da | 8 | da | da | da |
Sintaxă
Întoarcere poziția de offset din stânga:
object .offsetLeft
Detalii tehnice
| Valoare implicită: | nici o valoare prestabilită |
|---|---|
| Întoarcere Valoare: | Un număr, reprezentând poziția din stânga 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 »