Document: elementsFromPoint() 方法

elementsFromPoint() 是 Document 接口的方法，它返回在指定坐标（相对于视窗）的所有元素数组。元素按从视窗顶部到底部的顺序排列。

它的操作方式类似于 elementFromPoint() 方法。

语法

elementsFromPoint(x, y)

参数

x: 点的水平坐标。
y: 点的垂直坐标。

返回值

一个 Element 对象数组，按从视窗顶部到底部的顺序排列。

示例

HTML

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>
`;
}

规范

规范
CSSOM 视图模块 # dom-document-elementsfrompoint

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

Document.elementFromPoint()