Attribut previousSibling Element DOM HTML

Définition et utilisation

previousSibling L'attribut retourne le noeud précédent du même niveau dans l'arbre sous forme d'objet Node.

previousSibling L'attribut est en lecture seule.

Remarque :Si le noeud previousSibling n'existe pas, la valeur retournée est null

Attention

previousSibling Retourne le noeud frère précédent : noeud d'élément, noeud de texte ou noeud de commentaire.

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

Solution de remplacement :

Attribut previousElementSibling - Retourne l'élément frère précédent (ignore les nœuds de texte et de commentaire).

Voir également :

Propriété nextSibling

Propriété firstChild

Propriété lastChild

Propriété childNodes

Propriété hasChildNodes()

Noeuds HTML et éléments

Dans HTML DOMdans le (ou sans) noeuds enfants.

NoeudCela fait référence aux noeuds d'élément, de texte et de commentaire.

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

Et l'élément est seulement un noeud d'élément.

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

FrèreC'est ce que l'on appelle "frère" et "sœur".

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

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

Noeuds enfants et éléments enfants

childNodes RetourneNoeuds enfants（Noeud d'élément, noeud de texte et noeud de commentaire）.

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

nextSibling et nextElementSibling

nextSibling Retourne le suivantNoeud（Noeud d'élément, noeud de texte ou noeud 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édentNoeud（Noeud d'élément, noeud de texte ou noeud 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 précédent de l'élément de liste :

document.getElementById("item2").previousSibling.innerHTML;

Essayez-le vous-même

Syntaxe

element.previousSibling

ou

node.previousSibling

Valeur de retour

Type Description
Noeud Le frère précédent du noeud.
null Si il n'y a pas de frère précédent.

Support du navigateur

element.previousSibling C'est une caractéristique du 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