如何在javascript中从具有相同x坐标的document.elementFromPoint获取id？我想要所有这样的 div id

Question

我有两个 x 位置相同的div。我正在尝试从document.elementFromPoint((获取两个div的id。这是只有 id 收到div 的问题。

var elem = document.elementFromPoint(50, 50);
var elem2 = document.elementFromPoint(50, 250);
console.log(elem.id, elem2.id);

#box1,
#box2 {
width: 50px;
height: 50px;
background: greenyellow;
}
#box1 {
position: absolute;
top: 50px;
left: 50px;
}
#box2 {
position: absolute;
top: 50px;
left: 150px;
}

<div id="box1"></div>
<div id="box2"></div>

Answer 1

你已经很接近了，但如果你查看文档，你的参数就会切换过来。

document.elementFromPoint(x, y)

xleft的地方，y是top。

var elem = document.elementFromPoint(50, 50);
var elem2 = document.elementFromPoint(150, 50);
console.log(elem.id, elem2.id);

#box1,
#box2 {
width: 50px;
height: 50px;
background: greenyellow;
}
#box1 {
position: absolute;
top: 50px;
left: 50px;
}
#box2 {
position: absolute;
top: 50px;
left: 150px;
}

<div id="box1"></div>
<div id="box2"></div>