files/fr/web/api/document/elementfrompoint/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

---
title: document.elementFromPoint
slug: Web/API/Document/elementFromPoint
tags:
  - Référence_du_DOM_Gecko
translation_of: Web/API/DocumentOrShadowRoot/elementFromPoint
translation_of_original: Web/API/Document/elementFromPoint
original_slug: Web/API/DocumentOrShadowRoot/elementFromPoint
---
<p>{{ ApiRef() }}</p>
<h3 id="R.C3.A9sum.C3.A9">Résumé</h3>
<p>Renvoie l'élément visible au point donné, spécifié relativement au point supérieur gauche visible dans le document.</p>
<h3 id="Syntaxe">Syntaxe</h3>
<pre class="eval"><i>element</i> = document.elementFromPoint(<i>x</i>,<i>y</i>);
</pre>
<p>where</p>
<ul>
 <li><code>element</code> est un objet <a href="fr/DOM/element">element</a>.</li>
 <li><code>x</code> et <code>y</code> spécifient les coordonnées à vérifier.</li>
</ul>
<h3 id="Exemple">Exemple</h3>
<pre class="brush: html">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Exemple d'utilisation d'elementFromPoint&lt;/title&gt;

&lt;script type="text/javascript"&gt;

function changeColor(newColor)
{
 elem = document.elementFromPoint(2, 2);
 elem.style.color = newColor;
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;p id="para1"&gt;Un peu de texte ici&lt;/p&gt;
&lt;button onclick="changeColor('blue');"&gt;bleu&lt;/button&gt;
&lt;button onclick="changeColor('red');"&gt;rouge&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<h3 id="Notes">Notes</h3>
<p>Si l'élément au point spécifié appartient à un autre document (par exemple, les sous-document d'un iframe), l'élément dans le DOM du document appelant (l'iframe lui-même) est renvoyé. Si l'élément au point donné est anonyme ou du contenu généré par XBL, comme la barre de défilement d'une boîte de texte, le premier élément parent non anonyme (par exemple, la boîte de texte) est renvoyé.</p>
<p>Si le point spécifié est en dehors de la portion visible du document ou que l'une ou l'autre des coordonnées est négative, le résultat est <code>NULL</code>.</p>
<p>{{ Note("Les appelants qui sont des documents XUL devraient attendre que l\'évènement <code>onload</code> se soit déclenché avant d\'appeler cette méthode.") }}</p>
<h3 id="Sp.C3.A9cification">Spécification</h3>
<ul>
 <li>Spécification préliminaire : <code><a href="http://dev.w3.org/csswg/cssom/#documentlayout-elementfrompoint">elementFromPoint</a></code></li>
</ul>