Exemple
Obtenez la position offsetLeft d'un <div> élément:
<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> Essayez vous - même » Définition et utilisation
La propriété offsetLeft retourne la position de gauche (in pixels) par rapport au côté gauche de l'élément offsetParent.
La valeur retournée comprend:
- la position de gauche et la marge de l'élément
- le rembourrage gauche, barre de défilement et bordure de l'élément offsetParent
Remarque: Le offsetParent élément est le plus proche ancêtre qui a une position autre que statique.
Conseil: Pour revenir à la première position d'un élément, utilisez la offsetTop propriété.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| offsetLeft | Oui | 8.0 | Oui | Oui | Oui |
Syntaxe
Retour à la position décalée à gauche:
object .offsetLeft
Détails techniques
| Valeur par défaut: | aucune valeur par défaut |
|---|---|
| Valeur de retour: | Un nombre, représentant la position gauche de l'élément, en pixels |
| DOM Version: | CSSOM |
autres exemples
Exemple
Obtenez la position aa <div> élément:
<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>
Essayez vous - même »