Attribut parentNode de l'élément DOM HTML

Définition et utilisation

parentNode L'attribut renvoie l'élément ou le nœud parent sous forme d'objet Node.

Si le nœud spécifié n'a pas de nœud parent, il est renvoyé null.

L'attribut parentNode est en lecture seule.

Voir également :

Attribut childNodes

Attribut firstChild

Attribut lastChild

Attribut nextSibling

Attribut previousSibling

Attribut nodeName

Attribut parentElement

Les nœuds HTML et les éléments

Dans HTML DOMDans (Document Object Model), un document HTML est un ensemble de nœuds (ou sans nœuds) qui possèdent (ou ne possèdent pas) des nœuds enfants.

NœudSe réfère aux nœuds d'élément, aux nœuds de texte et aux nœuds 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.

Nœud fils et fils élément

childNodes RetourneNœud fils（nœuds d'élément, nœuds de texte et nœuds de commentaire).

children RetourneFils élément（et non les nœuds de texte et les commentaires).

Frère et élément frère

FrèreEst "frère" et "sœur".

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

Élément frèreSont des éléments qui ont le même nœud parent (dans le même children liste).

Exemple

Exemple 1

Obtenir le nom du nœud parent de "myLI" :

let name = document.getElementById("myLI").parentNode.nodeName;

Essayez-le vous-même

Exemple 2

Cliquez sur l'élément (<span>) pour cacher son élément parent :

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Essayez-le vous-même

Syntaxe

element.parentNode

ou

node.parentNode

Valeur de retour

Type Description
Nœud Nœud parent.
null Si le nœud n'a pas de nœud parent.

Support du navigateur

element.parentnode est une caractéristique du niveau DOM 1 (1998).

Tous les navigateurs le supportent complètement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support