web api instance method
Document: elementsFromPoint() method
The elementsFromPoint() method
of the Document interface returns an array of all elements
at the specified coordinates (relative to the viewport).
The elements are ordered from the topmost to the bottommost box of the viewport.
It operates in a similar way to the elementFromPoint() method.
Syntax
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, ordered from the topmost to the bottommost box of the viewport.
Examples
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);
elements.forEach((elt, i) => {
output.textContent += elt.localName;
if (i < elements.length - 1) {
output.textContent += " < ";
}
});
} else {
output.innerHTML = `<span style="color: red">
Browser does not support
<code>document.elementsFromPoint()</code>
</span>
`;
}
Interactive exampleOpen the canonical MDN source to run this embedded demo.
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.