document.querySelectorAll 仅在检查 DOM 后返回值答案

【问题标题】：document.querySelectorAll returns values only after inspecting DOMsdocument.querySelectorAll 仅在检查 DOM 后返回值
【发布时间】：2018-11-22 03:11:07
【问题描述】：

试图让这 2 个元素与“document.querySelectorAll(”.sc-gHboQg") 具有相同的类，但它返回并为空 NodeList：

只要我检查了元素：

只有现在我才能得到它们：

据我了解，这些元素是在 javascript 中动态输出的，可能会做出反应，但我怎样才能在不先检查它们的情况下获取它们？

【问题讨论】：

你什么时候得到元素？你在等待 DOMContentLoaded 吗？
会不会有其他事件在起作用，例如鼠标悬停、点击等触发类更改？
这与时间无关，也不是在播放，鼠标悬停或单击它，我在没有检查控制台中的元素的情况下尝试了所有这些，但什么也没有。..
我相信这与时间有关。一段时间后尝试使用setTimeout 获取它们
stackoverflow.com/questions/28163033/…

标签： javascript reactjs

【解决方案1】：

这是由于您检查元素后 javascript 控制台更改了范围。请注意第一张图片中的top 如何在第二张图片中更改为其他内容（mews...）。

您的目标元素可能在 iframe 中，或者与顶部窗口不在同一 javascript 控制台范围内的东西？

【讨论】：

我明白了，我没有注意到这一点。虽然它不是 iframe，但我只是检查了页面源，根本没有 iframe。此外，你知道我该如何克服吗？
尝试点击top，看看是什么原因导致列表中的范围变化？对我来说，通常是iframe 或extension
你说得对，其实有一个iframe，我只是没看到。非常感谢您的帮助。