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