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

javascriptélément.previousElementSibling;

Exemple

Étant donné un élément #elem. Affichons le texte de son frère précédent :

html<p>sibling</p>
<p id="elem">elem</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

Résultat de l'exécution du code :

javascript'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é :

html<p>sibling</p>
<div>
  <p id="elem">elem</p>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

Résultat de l'exécution du code :

javascriptnull

Voir aussi