document.elementsFromPoint

The elementsFromPoint() method of the Document interface returns an array of all elements at the specified coordinates.

Syntax

var elements = document.elementsFromPoint(x, y);

Returns

An array of Element objects under the given point.

Parameters

x

A horizontal position within the current viewport.

y

A vertical position within the current viewport.

Example

HTML Content

<div>
  <p>Some text</p>
</div>
<p>Elements at point 30, 20:</p>
<div id="output"></div>

JavaScript Content

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;\">" +
     "Browser does not support <code>document.elementsFromPoint()</code>" +
     "</span>";
}

Specifications

Specification	Status	Comment
CSS Object Model (CSSOM) View Module The definition of 'elementsFromPoint' in that specification.	Working Draft	Initial definition.

Browser compatibility

[1] See bug 1164427.