propriété nextElementSibling de l'élément DOM HTML

Définition et utilisation

nextElementSibling La propriété renvoie l'élément suivant au même niveau dans l'arbre.

nextElementSibling La propriété est en lecture seule.

Veuillez également consulter :

propriété previousElementSibling

Attribut children

Attribut firstElemenChild

Attribut lastElementChild

Attribut childElementCount

Nœuds HTML et éléments

Dans HTML DOMDans le (Document Object Model), le document HTML est une collection de nœuds (ou sans) qui possèdent des enfants.

NœudSe réfère aux nœuds d'élément, de texte et de commentaire.

ÉlémentLes espaces entre eux sont également des nœuds de texte.

Et l'élément n'est qu'un nœud d'élément.

Frère et frère d'élément

FrèreEst le « frère » et la « sœur ».

FrèreSont des nœuds qui possèdent le même parent nœud (dans le même childNodes de la liste）.

Frère d'élémentSont des éléments qui possèdent le même parent élémentaire (dans le même children de la liste）.

Nœuds enfants et éléments enfants

childNodes RetourneNœuds enfants（Nœuds d'élément, nœuds de texte et nœuds de commentaire）.

children RetourneFils（Et non les nœuds de texte et de commentaire）.

nextSibling et nextElementSibling

nextSibling Retourne le suivantNœud（Nœuds d'élément, nœuds de texte ou nœuds de commentaire）. Les espaces entre les éléments sont également des nœuds de texte.

nextElementSibling Retourne le suivantÉlément（Ne retourne pas les nœuds de texte et de commentaire）.

previousSibling et previousElementSibling

previousSibling Retourne le précédentNœud（Nœuds d'élément, nœuds de texte ou nœuds de commentaire）. Les espaces entre les éléments sont également des nœuds de texte.

previousElementSibling Retourne le précédentÉlément（Ne retourne pas les nœuds de texte et de commentaire）.

Exemple

Retourne le contenu HTML du frère suivant :

let text = element.nextElementSibling.innerHTML;

Essayez-le vous-même

Syntaxe

element.nextElementSibling

Valeur de retour

Type Description
Élément Prochain frère élémentaire.
null Si il n'y a pas de frère suivant.

Support du navigateur

element.nextElementSibling C'est une caractéristique de DOM Level 3 (2004).

Tous les navigateurs le supportent pleinement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support