找到特定元素后更改document.querySelectorAll（）的行为

Question

当我在这个已满载的网站上运行document.querySelectorAll('input')时，我得到了8个节点。如果我再次运行它，我将继续获得8。

这是不正确的，因为实际上有一个带有input#fileName选择器的节点没有被拾取。

所以我运行了document.querySelectorAll('input#fileName')，它拾取了节点。

然后我重新运行相同的document.querySelectorAll('input')，现在输出已更改为5个节点的长度，包括 input#fileName。

我需要从一开始就选择5个节点 includnig input#fileName，因为当我尝试获取input#fileName时，Puppeteer无头浏览器框架会超时。

有人知道为什么会这样吗？在初始化DOM并且document不知道更改之后，是否注入了html？我应该尝试使用其他选择器命令吗？

谢谢。

附加了屏幕截图以显示正在发生的情况。