Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Document : méthode elementsFromPoint()
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
La méthode elementsFromPoint() de l'interface Document retourne un tableau de tous les éléments aux coordonnées définies (relativement à la zone d'affichage).
Les éléments sont ordonnés du plus haut au plus bas dans la zone d'affichage.
Elle fonctionne de manière similaire à la méthode elementFromPoint().
Syntaxe
elementsFromPoint(x, y)
Paramètres
Valeur de retour
Un tableau d'objets Element représentant les éléments situés aux coordonnées définies, ordonnés du plus haut au plus bas dans la zone d'affichage.
Exemples
HTML
<div>
<p>Du texte</p>
</div>
<p>Éléments au point 30, 20 :</p>
<div id="output"></div>
JavaScript
let output = document.getElementById("output");
if (document.elementsFromPoint) {
let elements = document.elementsFromPoint(30, 20);
elements.forEach((elt, i) => {
output.textContent += elt.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
| Spécification |
|---|
| CSSOM View Module # dom-document-elementsfrompoint |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
- La méthode
Document.elementFromPoint()
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.