Javascript Chrome devtools:检查项目上的元素,该元素仅在父级鼠标悬停时可见

Javascript Chrome devtools:检查项目上的元素,该元素仅在父级鼠标悬停时可见,javascript,css,google-chrome,google-chrome-devtools,Javascript,Css,Google Chrome,Google Chrome Devtools,在使用devtools的DOM中找不到元素 仅当我将鼠标悬停在该元素的父元素上时,该元素才会显示。在代码中,鼠标悬停在javascript上,许多类被添加到不同的元素中,只有我的子元素出现。(没有悬停事件,只有用js鼠标悬停) 由于类太多,我无法手动添加它们。如何在此上下文中检查和调试元素?Chrome有什么帮助吗 谢谢 是的,具有处理悬停/鼠标悬停在元素上的工具参见图片: 如果您的活动是这样附加的: document.getElementById('idOfYourElement').addE

在使用devtools的DOM中找不到元素

仅当我将鼠标悬停在该元素的父元素上时,该元素才会显示。在代码中,鼠标悬停在javascript上,许多类被添加到不同的元素中,只有我的子元素出现。(没有悬停事件,只有用js鼠标悬停)

由于类太多,我无法手动添加它们。如何在此上下文中检查和调试元素?Chrome有什么帮助吗

谢谢

是的,具有处理
悬停/鼠标悬停在
元素上的工具参见图片:


如果您的活动是这样附加的:
document.getElementById('idOfYourElement').addEventListener('mouseover',function(){console.log('hover');})

您可以通过编程方式触发事件,如下所示:
document.getElementById('idOfYourElement').dispatchEvent(新事件('mouseover'))


如果鼠标不在视口中,则应保持此状态,您可以在开发工具中进行调试。

请提供一些代码,以便我们看到问题所在。如果需要悬停某个元素,可以在控制台中触发该事件(鼠标应该在视口之外,以避免事后更改事件状态)。@zoku它不是悬停,而是用javascript将鼠标悬停。当鼠标悬停时,该元素是否会被删除?谢谢,但这只是悬停,而不是鼠标悬停。对我来说,它不适用于鼠标悬停javascript事件