Attribut nextElementSibling du HTML DOM

Objet Element HTML DOM

nextElementSiblingCet attribut retourne uniquement le noeud frère immédiatement suivant de l'élément (sans inclure les noeuds de texte, les noeuds de commentaire) ;

Si il n'y a pas d'élément suivant au même niveau, cet attribut retournenull.

UtilisationpreviousElementSiblingCet attribut retourne l'élément précédent de l'élément spécifié.

UtilisationchildrenCet attribut retourne tout élément enfant de l'élément spécifié.

Syntaxe :

element.nextElementSibling

var x = document.querySelector("#div-1.nextElementSibling.innerHTML;

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement l'attribut nextElementSibling :

Détails techniques

Plus d'exemples

Modifier le contenu HTML du prochain élément frère du premier élément DIV :

var div = document.querySelector("#div-1)
div.nextElementSibling.innerHTML = "HELLO WORLD";

Modifier la couleur de fond du prochain élément frère du premier élément DIV :

var div = document.querySelector("#div-1)
div.nextElementSibling.style.backgroundColor = "coral";

Références associées

Référence HTML DOMpropriété children

Référence HTML DOMpropriété previousElementSibling

Objet Element HTML DOM