Document.elementsFromPoint()
The elementsFromPoint()
method
of the Document
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
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 |
---|
CSSOM View Module # dom-document-elementsfrompoint |
Browser compatibility
BCD tables only load in the browser