当我单击在弹出/模态对话框窗口中打开的链接时,有一个类名称为persona_1fc7fc3f的div被添加到DOM中。
我注意到在Chrome开发工具控制台中,我无法使用JavaScript或jQuery查询它。
例如,在控制台中执行document.querySelector('[class="persona"]')
会使我为空。
奇怪的是,一旦我在元素上使用了元素检查工具,就可以在控制台中查询它,尽管单击模式窗口中的元素没有帮助。
知道为什么会这样吗?
谢谢!
编辑:
这是模态对话框以及类所在位置的屏幕截图:
不幸的是,直接定位类或使用属性选择器定位类似乎不起作用。
使用document.querySelector(".persona_1fc7fc3f")
或document.querySelector(“ [class^='persona']")
结果为:
[] [
我想到了某种形式的Chrome缓存问题,但即使在另一台计算机上,问题也一样。
编辑:这是一些DOM标记:
最佳答案
尝试document.querySelector('.persona')
document.querySelector('[class="persona"]')
将选择具有单个类的元素persona
例如:
console.log(document.querySelector('[class="bright"]'))
console.log(document.querySelector(".bright"))
<div class="bright low"></div>