Javascript 无法在Chrome开发工具控制台中查询模式对话框的元素

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

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

例如，在控制台中执行

document.querySelector（'[class=“persona”]'）

会得到null

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

知道为什么吗

谢谢

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

不幸的是，直接针对类或使用属性选择器似乎不起作用

使用

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”）

---

document.querySelector（'[class=“persona”]'）

将匹配仅具有该单个类的元素。如果它具有多个类，则不会匹配。我建议使用实际的类选择器而不是属性选择器：

document.querySelector（'.persona'））

不幸的是，这仍然不起作用。我更新了我的原始帖子，如果你不介意的话，请看一看。然后问题是DOM中不存在元素。它们是否在iframe中？如果看不到JS选择器附带的HTML，我们就帮不上你的忙。我添加了一个最相关的（我想）屏幕截图DOM标记。这里有两个问题。一个是内容似乎在iframe中，因此您需要调整逻辑以在其中搜索，而不是在当前文档（）中搜索，而且没有

.persona

元素。有一个

.persona.[randomcharacters]

元素。如果要在不知道以下字符是什么的情况下选择该元素，则需要使用包含选择器的属性：

$（'[class*=“persona”]'））

不幸的是，这仍然不起作用。我更新了我的原始帖子，如果你不介意的话，请看一看。它来自Microsoft SharePoint网站。DOM中的敏感数据太多，我无法通过近2000行来混淆敏感位。我将寻找解决方法。不过，谢谢。我添加了一个最重要的问题的屏幕截图相关（我认为）DOM标记。