Node : propriété parentElement

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

En savoir plus
Voir la compatibilité complète

La propriété en lecture seule parentElement de l'interface Node retourne l'élément parent du nœud DOM, ou null si le nœud n'a pas de parent ou si son parent n'est pas un objet Element. Node.parentNode, en revanche, retourne tout type de parent, quel que soit son type.

Valeur

Un objet Element qui est l'élément parent du nœud actuel, ou null s'il n'y en a pas.

Exemples

Utiliser `parentElement`

Cet exemple définit la couleur du texte de l'élément parent de noeud en rouge.

if (noeud.parentElement) {
  noeud.parentElement.style.color = "red";
}

`parentElement` est `null`

parentElement peut être null si le nœud n'a pas de parent (par exemple, parce qu'il n'est pas attaché à un arbre) ou si son parent n'est pas un Element. En revanche, Node.parentNode retourne toujours le nœud parent, qui peut être un Document ou d'autres types de nœuds.

html

<!doctype html>
<html lang="fr">
  <body>
    <script>
      const html = document.querySelector("html");
      console.log(html.parentElement); // null
      console.log(html.parentNode); // document
    </script>
  </body>
</html>