---
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> <span id="result_box" lang="fr"><span>renvoie le parent du nœud spécifié dans l'arborescence de DOM</span></span> .</p>

<h2 id="Syntaxe" name="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. <span class="short_text" id="result_box" lang="fr"><span>Le parent d'un élément est un </span></span>nœud <code>Element</code> , un nœud <code>Document</code> ou un nœud <code>DocumentFragment</code> .</p>

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

<pre class="brush:js line-numbers  language-js"><code class="language-js"><span class="keyword token">if</span> <span class="punctuation token">(</span>node<span class="punctuation token">.</span>parentNode<span class="punctuation token">)</span> <span class="punctuation token">{</span>
  <span class="comment token">// supprime un noeud  de l'arbre, </span>
  <span class="comment token">// sauf s'il a déjà été supprimé</span>
  node<span class="punctuation token">.</span>parentNode<span class="punctuation token">.</span><span class="function token">removeChild</span><span class="punctuation token">(</span>node<span class="punctuation token">)</span><span class="punctuation token">;</span>
<span class="punctuation token">}</span></code></pre>

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

<p>Les <a href="https://developer.mozilla.org/en-US/docs/DOM/Node.nodeType" title="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>

<div id="compat-desktop">


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

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

<ul>
 <li><a class="external external-icon" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1060184317">DOM Level 2 Core: Node.parentNode</a></li>
 <li><a class="external external-icon" 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>

<article class="approved text-content">
<div class="boxed translate-rendered">
<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>
</div>
</article>

<article class="localized"></article>