Esempio
Prendi la posizione offsetLeft di un <div> elemento:
<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> Prova tu stesso " Definizione e l'utilizzo
La proprietà offsetLeft restituisce la posizione sinistra (in pixels) corrispondente al lato sinistro dell'elemento offsetParent.
Il valore restituito comprende:
- posizione sinistra e margine dell'elemento
- l'imbottitura sinistra, barra di scorrimento e bordo dell'elemento offsetParent
Nota: L'offsetParent elemento è l'antenato più vicino che ha una posizione diversa statica.
Suggerimento: per restituire la posizione superiore di un elemento, utilizzare l'offsetTop proprietà.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| offsetLeft | sì | 8.0 | sì | sì | sì |
Sintassi
Restituire la posizione di offset sinistra:
object .offsetLeft
Dettagli tecnici
| Valore di default: | nessun valore di default |
|---|---|
| Valore di ritorno: | Un numero che rappresenta la posizione sinistra dell'elemento, in pixel |
| DOM Versione: | CSSOM |
Altri esempi
Esempio
Ottenere la posizione di aa <div> elemento:
<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>
Prova tu stesso "