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
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
Loading…