HTML DOM Element nextSibling attribut

Définition et utilisation

nextSibling L'attribut retourne le prochain nœud au même niveau dans l'arbre.

nextSibling Le retour est un objet Node.

nextSibling Les attributs sont en lecture seule.

Attention

nextSibling Retourne le prochain frère : un nœud d'élément, un nœud de texte ou un nœud de commentaire.

Les espaces entre les éléments sont également des nœuds de texte.

Solution de remplacement :

Propriété nextElementSibling - nextElementSibling Retourne le prochain frère d'élément suivant (ignorant les nœuds de texte et de commentaire).

Voir également :

Propriété previousSibling

Propriété firstChild

Propriété lastChild

Propriété childNodes

Méthode hasChildNodes()

Nœuds HTML et éléments

Dans HTML DOMdans le (ou sans) nœuds enfants. Le document HTML est un ensemble de nœuds (ou sans nœuds enfants).

NœudSont des 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èreSont des "frères" et "sœurs".

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

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

Nœuds enfants et éléments enfants

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

children RetourneÉlément enfant（Non les nœuds de texte et de commentaire）.

nextSibling et nextElementSibling

nextSibling Retourne le suivantNœud（Nœud d'élément, nœud de texte ou nœud 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œud d'élément, nœud de texte ou nœud 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 suivant de l'élément de liste :

document.getElementById("item1").nextSibling.innerHTML;

Essayez-le vous-même

Syntaxe

element.nextSibling

ou

node.nextSibling

Valeur de retour

Type Description
Nœud Le suivant de l'élément.
null Si le suivant n'existe pas.

Support du navigateur

element.nextSibling C'est une caractéristique de DOM Level 1 (1998).

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