Node.parentElement

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:

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:

Compatibilités des Navigateurs

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

• DOM Level 4: Node.parentElementWD

Voir aussi

• Node.parentNode