document.getElementById不检索实际存在的元素

Question

这是明确包含id = RESULT_TextField-11的输入的DOM：

但是当我尝试使用document.getElementById方法从Chrome控制台检索它时，它不起作用：

document.getElementsByName也不起作用。

为什么会发生这种情况？第一张截图是在第二张截图之前拍摄的。

有趣的是，当我尝试在几分钟后在控制台中运行相同的代码时，它通常会有效。

可能会有所帮助的一些信息：

• 我在Windows 7上使用最新的Chrome。
• 包含RESULT_TextField-11输入的表单是使用formsite.com
创建的
• 以下是出现问题的页面：https://www.creativebrands.co.za/contact-creative-brands/

Answer 1

无法找到输入，因为它在iFrame中。你必须用这样的东西来定位它：

document.getElementById('frame-one997541297').contentWindow.document.getElementById('RESULT_TextField-11')

然而，由于iFrame是从另一个域加载的，因此无法正常工作。因此，由于same origin policy，您网站上的脚本无法与iFrame网站上的内容进行互动。