javascript - 在开发工具中检查之前无法选择元素

标签 javascript dom google-chrome-devtools

令人着迷的情况。

我正在尝试通过类名称选择元素,只需在 Chrome 开发工具控制台中键入即可。我可以看到我想要选择的元素,并且它们在页面上可见。我等待 3 秒多的时间来加载页面,然后直接进入开发控制台并输入:

document.getElementsByClassName("example");
>> HTMLCollection []

然后,我右键单击有问题的元素并点击“检查”。然后我返回控制台并输入:

document.getElementsByClassName("example");
>> HTMLCollection [div.example.row]

现在元素已经存在了!但在检查元素时,除了将鼠标悬停在元素上之外,我没有在开发工具中执行任何操作。有人能帮忙解释一下这个谜团吗?非常感谢。

如果有任何解释,我正在使用 Quovo 。这是一个演示:https://youtu.be/lPcIYupa2kY .

最佳答案

我发现在这种情况下,问题实际上是有问题的元素位于 iframe 中。在这里遇到这个问题:SecurityError: Blocked a frame with origin from accessing a cross-origin frame .

关于javascript - 在开发工具中检查之前无法选择元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51161542/

相关文章:

javascript - iOS 不在 <img> 标签中显示 SVG

javascript - 谷歌地图缩放控件和标记消失

html - 浏览器如何部分加载DOM和CSSOM?

javascript - Chrome扩展程序内容脚本不适用于gmail

JavaScript 垃圾收集。创建对象和变量?

javascript - 如何为 Ng Repeat 指令访问的 View 中的每个项目创建“查看更多”切换

jquery - 我可以毫无问题地将 UUID 用作 HTML 标记 ID 吗?

javascript - 确保 ajax 成功函数在 $(document).ready() 之后发生

google-chrome-devtools - PWA manifest.json - "theme_color"和 "background_color"不起作用,启动屏幕未在 Android 设备上显示

google-chrome - Google Chrome 默认控制台上下文