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

标签 javascript jquery modal-dialog bootstrap-modal sharepoint-online

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

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

例如,在控制台中执行 document.querySelector('[class="persona"]') 会得到 null

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

知道为什么会这样吗?

谢谢!

编辑: 这是模式对话框和类所在位置的屏幕截图:

enter image description here

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

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

[enter image description here ][

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

编辑:以下是一些 DOM 标记:

enter image description here

最佳答案

尝试 document.querySelector('.persona')

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

例如:

console.log(document.querySelector('[class="bright"]'))
console.log(document.querySelector(".bright"))
<div class="bright low"></div>

关于javascript - 无法在 Chrome 开发工具控制台中查询模式对话框的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56143993/

相关文章:

javascript - Vue.js 使用正确的组件

javascript - Internet Explorer 跳动滚动

javascript - 如何根据背景颜色设置黑白之间的字体颜色

javascript - 找出js代码遍历到DOM中的哪个元素

javascript - 模式在 Ember.js 应用程序中不起作用

javascript - 如何在 Javascript 中插入带有 HTML 标记的 PHP 代码

javascript - 我怎样才能不重复一部分代码

javascript - 使用 JavaScript 对齐表格

javascript - 在鼠标位置打开模态

javascript - angularJS,一个通知部分或模态,加载几秒钟然后消失