Javascript 获取特定元素下的所有元素

Javascript 获取特定元素下的所有元素,javascript,html,Javascript,Html,在JavaScript中,是否可以获得元素悬停在其上的所有元素的列表?我使用一个元素作为光标,我希望当光标元素悬停在其他元素上时,页面中的其他元素都有下划线 <div id="cursor">|----------|<br/>|----------|<br/>>I'm a spaceship!><br/>|----------|<br/>|----------|<br/></div> <div

在JavaScript中,是否可以获得元素悬停在其上的所有元素的列表?我使用一个元素作为光标,我希望当光标元素悬停在其他元素上时,页面中的其他元素都有下划线

<div id="cursor">|----------|<br/>|----------|<br/>>I'm a spaceship!><br/>|----------|<br/>|----------|<br/></div>
<div id="hi">Try to select this text</div>
<p>I want to automatically highlight all elements that the cursor element hovers over.</p>
<p>Here's an element.<p>
|------------------
我是一艘宇宙飞船!>
|------------------
|------------------
尝试选择此文本 我想自动高亮显示光标元素悬停在上面的所有元素

这里有一个元素。

:hover
伪类应用于光标所在的任何对象。快速查看此小提琴,鼠标会为悬停的每个元素触发红色背景:

其次,如果您使用一个元素作为光标,则可以使用
指针事件:none
规则指示鼠标通过该元素。请注意,此属性是有限的

除此之外,唯一的替代方法是使用类似的内容,但这将只返回单个元素。我不确定这是否对你有用,因为你的鼠标总是被一个元素挡住


关于
elementFromPoint
路由,您可以暂时隐藏自定义光标,以获取鼠标下方的下一个元素,然后按照下面的注释建议重新打开自定义光标。

以下注释中所述:
:hover
伪类适用于光标所在的任何对象。快速查看此小提琴,鼠标会为悬停的每个元素触发红色背景:

其次,如果您使用一个元素作为光标,则可以使用
指针事件:none
规则指示鼠标通过该元素。请注意,此属性是有限的

除此之外,唯一的替代方法是使用类似的内容,但这将只返回单个元素。我不确定这是否对你有用,因为你的鼠标总是被一个元素挡住


关于
elementFromPoint
路线,您可以暂时隐藏自定义光标以获取鼠标下方的下一个元素,然后按照下面的注释建议重新打开自定义光标。

我刚刚发现了一个类似的问题,但我不确定它是否重复:我刚刚发现了一个类似的问题,但我不确定它是否重复:对于
elementFromPoint
,您可能能够在调用它之前将
display
设置为
none
,并在调用之后恢复其以前的值。对于
elementFromPoint
,您可以将
display
设置为
none
,您可以在调用它之前将
display
设置为
none
,并在调用后恢复其以前的值。