HTML DOM Element previousElementSibling attribut

Définition et utilisation

previousElementSibling L'attribut retourne l'élément précédent au même niveau dans l'arbre.

previousElementSibling Les attributs sont en lecture seule.

Veuillez également consulter :

attribut nextElementSibling

attribut children

Attribut firstElemenChild

Attribut lastElemenChild

Attribut childElementCount

Nœuds HTML et éléments

Dans HTML DOMDans le (document object model), le document HTML est un ensemble 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 les éléments sont également des nœuds de texte.

Et l'élément est 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 possèdent le même parent (dans le même childNodes de la liste）.

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

Nœuds et éléments fils

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

children RetourneFils（Au lieu de texte et de commentaire）.

nextSibling et nextElementSibling

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

let text = element.previousElementSibling.innerHTML;

Essayez-le vous-même

Syntaxe

element.previousElementSibling

Valeur de retour

Type Description
Élément L'élément frère précédent
null Si il n'y a pas de frère précédent.

Support du navigateur

element.previousElementSibling 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