当我单击在弹出/模态对话框窗口中打开的链接时,有一个类名称为persona_1fc7fc3f的div被添加到DOM中。

我注意到在Chrome开发工具控制台中,我无法使用JavaScript或jQuery查询它。

例如,在控制台中执行document.querySelector('[class="persona"]')会使我为空。

奇怪的是,一旦我在元素上使用了元素检查工具,就可以在控制台中查询它,尽管单击模式窗口中的元素没有帮助。

知道为什么会这样吗?

谢谢!

编辑:
这是模态对话框以及类所在位置的屏幕截图:

javascript - 无法在Chrome Dev Tools Console中查询模式对话框的元素-LMLPHP

不幸的是,直接定位类或使用属性选择器定位类似乎不起作用。

使用document.querySelector(".persona_1fc7fc3f")或document.querySelector(“ [class^='persona']")结果为:

[] [

我想到了某种形式的Chrome缓存问题,但即使在另一台计算机上,问题也一样。

编辑:这是一些DOM标记:

javascript - 无法在Chrome Dev Tools Console中查询模式对话框的元素-LMLPHP

最佳答案

尝试document.querySelector('.persona')

document.querySelector('[class="persona"]')将选择具有单个类的元素persona

例如:



console.log(document.querySelector('[class="bright"]'))
console.log(document.querySelector(".bright"))

<div class="bright low"></div>

10-06 05:01