---
title: element.parentNode
slug: Web/API/Node/parentNode
tags:
  - API
  - DOM
  - Noeuds
  - Propriétés
  - parent
translation_of: Web/API/Node/parentNode
---
<p>{{APIRef("DOM")}}</p>

<p>La propriété en lecture seule <strong>parentNode</strong> renvoie le parent du nœud spécifié dans l'arborescence de DOM .</p>

<h2 id="Syntaxe">Syntaxe</h2>

<pre class="syntaxbox"><em>parentNode</em> = <em>node</em>.parentNode</pre>

<p><code>parentNode</code> est l'élément parent du nœud courant. Le parent d'un élément est un nœud <code>Element</code> , un nœud <code>Document</code> ou un nœud <code>DocumentFragment</code> .</p>

<h2 id="Exemple">Exemple</h2>

<pre class="brush:js">if (node.parentNode) {
  // supprime un noeud  de l'arbre, 
  // sauf s'il a déjà été supprimé
  node.parentNode.removeChild(node);
}</pre>

<h2 id="Notes">Notes</h2>

<p>Les <a href="/en-US/docs/DOM/Node.nodeType">noeuds </a><code>Document</code> et <code>DocumentFragment</code> ne peuvent jamais avoir de parent, alors  <code>parentNode</code>  retournera toujours <code>null</code> .</p>

<p> Il renvoie également <code>null</code> si le nœud vient d'être créé et n'est pas encore attaché à l'arbre.</p>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<p>{{Compat("api.Node.parentNode")}}</p>

<h2 id="Spécification">Spécification</h2>
</div>

<ul>
 <li><a href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1060184317">DOM Level 2 Core: Node.parentNode</a></li>
 <li><a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1060184317">DOM Level 3 Core: Node.parentNode</a></li>
</ul>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{Domxref("Node.firstChild")}}</li>
 <li>{{Domxref("Node.lastChild")}}</li>
 <li>{{Domxref("Node.childNodes")}}</li>
 <li>{{Domxref("Node.nextSibling")}}</li>
 <li>{{Domxref("Node.parentElement")}}</li>
 <li>{{Domxref("Node.previousSibling")}}</li>
 <li>{{Domxref("Node.removeChild")}}</li>
</ul>