Propriété offsetLeft de l' élément
❮ L'objet élémentExemple
Obtenez la position offsetLeft d'un élément <div> :
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Définition et utilisation
La propriété offsetLeft renvoie la position gauche (en pixels) par rapport au côté gauche de l'élément offsetParent.
La valeur renvoyée comprend :
- la position de gauche et la marge de l'élément
- le rembourrage gauche, la barre de défilement et la bordure de l'élément offsetParent
Remarque : L' élément offsetParent est l'ancêtre le plus proche qui a une position autre que statique.
Astuce : Pour renvoyer la position supérieure d'un élément, utilisez la propriété offsetTop .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Syntaxe
Renvoie la position de décalage gauche :
object.offsetLeft
Détails techniques
Valeur par défaut: | pas de valeur par défaut |
---|---|
Valeur de retour : | Un nombre, représentant la position à gauche de l'élément, en pixels |
Version DOM : | CSSOM |
Plus d'exemples
Exemple
Obtenez la position d'un élément <div> :
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ L'objet élément