Experimental
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The elementsFromPoint()
method
of the DocumentOrShadowRoot
interface returns an array of all elements
at the specified coordinates (relative to the viewport).
It operates in a similar way to the elementFromPoint()
method.
Syntax
const elements = document.elementsFromPoint(x, y);
Parameters
x
- The horizontal coordinate of a point.
y
- The vertical coordinate of a point.
Return value
An array of element
objects.
Example
HTML
<div>
<p>Some text</p>
</div>
<p>Elements at point 30, 20:</p>
<div id="output"></div>
JavaScript
let output = document.getElementById("output");
if (document.elementsFromPoint) {
let 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;\">" +
"Browser does not support <code>document.elementsFromPoint()</code>" +
"</span>";
}
Specifications
Specification | Status |
---|---|
Unknown The definition of 'elementsFromPoint()' in that specification. |
Obsolete |
CSS Object Model (CSSOM) View Module The definition of 'elementsFromPoint()' in that specification. |
Working Draft |
Browser compatibility
BCD tables only load in the browser