无法不必先检查输入字段元素就可以填充输入字段吗？

Question

我正在尝试使用

填充表单的“名字”字段

document.getElementById('u_4SM_4607').value = 'Peet';

在我的Google Chrome浏览器的控制台中

。

当我运行命令以填写“名字”字段时出现此错误：

VM183:1 Uncaught TypeError: Cannot set property 'value' of null
    at <anonymous>:1:45

但是，如果我检查“名字”字段，然后运行document.getElementById('u_4SM_4607').value = 'Peet';，它将起作用，并将在“名字”字段中填充“ Peet”。

为什么我会得到该错误代码，为什么只有在我首先检查该字段时它才起作用？

以下是“名字”字段中的input元素：

<input name="u_4SM_4607" id="u_4SM_4607" type="text" value="" class=" u-full-width" placeholder="Your first name" aria-required="true">

这是我尝试在其上练习的Web表单的URL：

https://formsmarts.com/html-form-example

Answer 1

我认为其原因是该表单是通过iframe从外部来源嵌入的。 就像另一个网页一样。因此，如果您不参考此网页，它将无法正常工作。