---
title: element.offsetTop
slug: Web/API/HTMLElement/offsetTop
tags:
  - DOM
  - DOM_0
translation_of: Web/API/HTMLElement/offsetTop
---
<p>{{ ApiRef() }}</p>

<h3 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h3>

<p><strong>offsetTop</strong> renvoie la distance entre l'élément courant et le haut du nœud <a href="/fr/docs/DOM/element.offsetParent"><code>offsetParent</code></a>.</p>

<h3 id="Syntaxe" name="Syntaxe">Syntaxe</h3>

<pre class="eval"><em>topPos</em> = element.offsetTop;
</pre>

<h3 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h3>

<ul>
 <li><code>topPos</code> est le nombre de pixels depuis le haut de l'élément parent.</li>
</ul>

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

<pre>d = document.getElementById("div1");

topPos = d.offsetTop;

if (topPos &gt; 10 ) {

    // l'objet est décalé de plus de
    // 10 pixels par rapport à son parent

}
</pre>

<h3 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h3>

<p>{{ DOM0() }}</p>

<h3 id="R.C3.A9f.C3.A9rences" name="R.C3.A9f.C3.A9rences">Références</h3>

<p><a class="external" href="http://msdn2.microsoft.com/en-us/library/ms534303.aspx"><em>offsetTop definition</em> sur MSDN</a></p>

<div class="noinclude"> </div>

<p>{{ languages( { "en": "en/DOM/element.offsetTop", "pl": "pl/DOM/element.offsetTop" } ) }}</p>