Javascript函数document.queryselector在Chrome上运行异常

我试图通过Chrome开发者控制台使用document.querySelectorAll函数获取元素，关键是它不返回任何元素，但是我在元素选项卡上看到了元素

我想知道是否有人遇到过类似的问题。是否要更改浏览器配置上的一些选项

顺便说一句，MAC上的Chrome版本是63。此外，我正在处理的页面有一个iframe html标记，这可能是奇怪行为的原因吗

这是我从开发者控制台得到的

这是我从“元素”选项卡中得到的：

---

没有任何浏览器设置会影响

document.querySelectorAll（）

。这是相当核心的功能

您提到了一个

iframe

，所以这很可能是造成混淆的原因。使用

iframe

时，不能直接从外部访问或修改

iframe

的内容。从外部来看，它本质上是一个黑匣子。这是由于浏览器执行的沙箱操作

例外情况是，如果

iframe

和主页在同一个域中（例如

http://example.com/page1

和

http://example.com/page2

）

如果它们都在同一个域中，则可以使用

contentWindow

访问该域的窗口：

const iframe = document.querySelector('iframe');
iframe.contentWindow // the window for the iframe

从那里，您可以访问其文档，并针对该文档运行

queryselectoral（）

：

iframe.contentWindow.document.querySelectorAll('div');

---

这将获得iframe中的所有div元素。

您在浏览器中调用的是哪个页面？该页面正在我工作的公司上开发，不幸的是，该页面不是公开的。在我看来，Chrome Canary 64:@pafede2上，您无论如何都不应该提供代码链接。您应该在问题中直接添加代码示例。似乎您的元素被包装在一个iframe中，而iframe有自己的文档，因此您不会看到当前文档的元素。在“控制台”选项卡下，您可以选择一个iframe和try document.querySelectorAll以及see the resultI've executed document.querySelector（'iframe'）；我得到空值，但我得到了重点。我将找到一种正确访问iframe内容的方法。