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

Question

令人着迷的情况。

\n\n

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

\n\n

document.getElementsByClassName("example");\n>> HTMLCollection\xc2\xa0[]\n

\n\n

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

\n\n

document.getElementsByClassName("example");\n>> HTMLCollection\xc2\xa0[div.example.row]\n

\n\n

所以现在元素就在那里！但在检查元素时，除了将鼠标悬停在元素上之外，我没有在开发工具中执行任何操作。有人能帮忙解释一下这个谜团吗？非常感谢。

\n\n

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

\n

Answer 1

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