Attribut offsetLeft de l'élément HTML DOM
- Page précédente offsetWidth
- Page suivante offsetParent
- Retour au niveau supérieur Objet Elements du DOM HTML
Définition et utilisation
offsetLeft L'attribut retourne la position par rapport au parent (en pixels). Cet attribut est en lecture seule.
La valeur de retour inclut :
- Position de gauche de l'élément et marge externe
- Marge interne de gauche du parent, barres de défilement et bordures
Veuillez également consulter :Tutoriel sur le modèle de boîte CSS
offsetParent
Tous les éléments en bloc signalent les décalages par rapport au parent de décalage :
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
Le parent de décalage fait référence au parent le plus proche ayant une position non statique.
Si le parent de décalage n'existe pas, le décalage est par rapport au texte principal du document.
Veuillez également consulter :
Exemple
Exemple 1
Obtenir la position offsetLeft de "myDIV" :
const element = document.getElementById("myDIV");
let pos = element.offsetLeft;
Exemple 2
Obtenir la position de "myDIV" :
const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;
Syntaxe
Retourner la position de décalage à gauche :
element.offsetLeft
Valeur de retour
| Type | Description |
|---|---|
| Numéro | La position de gauche de l'élément, en pixels. |
Support du navigateur
Tous les navigateurs le supportent element.offsetTop：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Support | Support | Support | Support | Support | Support |
- Page précédente offsetWidth
- Page suivante offsetParent
- Retour au niveau supérieur Objet Elements du DOM HTML
