Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

DocumentOrShadowRoot.elementsFromPoint()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨janvier 2020⁩.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

La propriété elementsFromPoint() de l'interface DocumentOrShadowRoot renvoie un tableau (array) de tous les éléments présents sous le point fourni en paramètre (relatif au viewport).

Syntaxe

js
var elements = document.elementsFromPoint(x, y); 

Paramètres

x

L'abscisse du point (coordonnée horizontale).

y

L'ordonnée du point (coordonnée verticale).

Valeur de retour

Un tableau (array) d'objets element représentants les éléments du DOM concernés.

Exemples

HTML

html
<div> <p>Du texte</p> </div> <p>Éléments au point 30, 20:</p> <div id="output"></div> 

JavaScript

js
var output = document.getElementById("output"); if (document.elementsFromPoint) { var elements = document.elementsFromPoint(30, 20); for (var i = 0; i < elements.length; i++) { output.textContent += elements[i].localName; if (i < elements.length - 1) { output.textContent += " < "; } } } else { output.innerHTML = '<span style="color: red;">' + "Votre navigateur ne prend pas en charge <code>document.elementsFromPoint()</code>" + "</span>"; } 

Résultat

Spécifications

Specification
CSSOM View Module
# dom-document-elementsfrompoint

Compatibilité des navigateurs

Voir aussi