{{APIRef("DOM")}}{{SeeCompatTable}}
The elementsFromPoint()
method of the {{domxref("Document")}} interface returns an array of all elements at the specified coordinates.
Syntax
var elements[] = document.elementsFromPoint(x, y);
Returns
An array of {{domxref("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.getElementById()</code>" + "</span>"; }
{{EmbedLiveSample('Example', '400', '120')}}
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('CSSOM View', '#dom-document-elementsfrompoint', 'elementsFromPoint')}} | {{Spec2('CSSOM View')}} | Initial definition. |
Browser compatibility
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | {{CompatChrome(43.0)}} | {{CompatGeckoDesktop("46.0")}}[1] | 10.0 {{property_prefix("ms")}} | {{CompatUnknown}} | {{CompatNo}} |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Basic support | {{CompatNo}} | {{CompatChrome(43.0)}} | {{CompatGeckoMobile("46.0")}}[1] | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatNo}} | {{CompatChrome(43.0)}} |
[1] See {{bug(1164427)}}.