Propriété previousElementSibling
La propriété previousElementSibling contient
l'élément précédent, situé dans le même parent.
S'il n'y a pas un tel élément - null est retourné.
Syntaxe
élément.previousElementSibling;
Exemple
Étant donné un élément #elem. Affichons
le texte de son frère précédent :
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Résultat de l'exécution du code :
'sibling'
Exemple
Si le frère précédent n'existe pas ou n'est pas situé
dans le parent de notre élément, null est également retourné :
<p>sibling</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Résultat de l'exécution du code :
null
Voir aussi
-
la propriété
nextElementSibling,
qui contient le frère suivant (l'élément suivant)
