Document: elementFromPoint() 方法

elementFromPoint() 方法在 Document 对象上可用，返回指定坐标（相对于视窗）处的最顶层 Element。

如果指定点处的元素属于另一个文档（例如，<iframe> 的文档），则返回该文档的父元素（<iframe> 本身）。如果给定点处的元素是匿名元素或 XBL 生成的内容，例如文本框的滚动条，则返回第一个非匿名祖先元素（例如，文本框）。

将 pointer-events 设置为 none 的元素将被忽略，并将返回其下面的元素。

如果该方法在另一个文档（例如 <iframe> 的子文档）上运行，则坐标相对于调用该方法的文档。

如果指定点位于文档的可见范围之外，或者任何坐标为负数，则结果为 null。

如果您需要查找元素内的特定位置，请使用 Document.caretPositionFromPoint()。

elementFromPoint(x, y)

function changeColor(newColor) {
  elem = document.elementFromPoint(2, 2);
  elem.style.color = newColor;
}

<p id="para1">Some text here</p>
<button onclick="changeColor('blue');">Blue</button>
<button onclick="changeColor('red');">Red</button>