Node.parentElement

Node.parentElement est une propriété en lecture seule, qui référence l'élément (Element) parent du nœud (Node) courant ou null si ce dernier n'a pas de parent ou si le parent n'est pas un élément du DOM.

Syntaxe

parentElement = node.parentElement

parentElement référence l'élément parent d'un nœud (node). C'est toujours un objet du DOM Element ou null.

Exemple

 

<div>
    Parent de p
    <p id="child">Enfant de div</p>
</div>

Avant l'exécution du script:

Parent de p

Enfant de div

 

Pour changer la couleur du texte dans div en rouge:

var node = document.getElementById( 'child' );

if ( node.parentElement ) {
    // node.parentElement référence un élément du DOM
    node.parentElement.style.color = 'red';
} else {
    // node.parentElement est null
}

Dans l'exemple ci-dessus, l'élément du DOM sélectionné par son identifiant "child" (et référencé par la variable node) est le paragraphe p. Sa propriété parentElement référence la division div, son premier parent. Il est alors possible d'accéder aux attributs et méthodes de l'élément div par node.parentElement de la même manière que pour accéder à ceux de l'élément p par la variable node.

Après l'exécution du script:

Parent de p

Enfant de div

 

Compatibilités des Navigateurs

Caractéristiques Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support basique (Oui) 9.0 (9.0) (Oui) (seulement sur Element) (Oui) (seulement sur Element) (Oui)
Caractéristiques Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support basique ? 9.0 (9.0) ? ? ?

Sur certains navigateurs, la propriété parentElement est définie uniquement sur ​​les nœuds qui sont eux-mêmes un Element. En particulier, il n'est pas défini sur les nœuds de texte.

Spécifications

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : Hell_Carlito, CLEm, Goofy, Eyelock
 Dernière mise à jour par : Hell_Carlito,