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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
elementsFromPoint
43
Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
79
12-79
Returns a NodeList instead of an array. See the MSDN documentation. Returns null when the point provided has no elements beneath it (e.g., when given a point outside the document).
46
10
Returns a NodeList instead of an array. See the MSDN documentation. Returns null when the point provided has no elements beneath it (e.g., when given a point outside the document).
30
11.1
43
Before WebView 66, this method returned null when the element was a child of a host node. See issue 759947.
43
Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
46
30
11.3
4.0
Before Samsung Internet 9.0, this method returned null when the element was a child of a host node. See issue 759947.

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint