Не удается заполнить поле ввода без предварительной проверки элемента поля ввода?

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">

Вот URL веб-формы, на которой я пытаюсь практиковаться:

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

Answer 1

Я думаю, что это потому, что форма вставлена ​​из внешнего источника с помощью iframe. это как другая веб-страница. поэтому, если вы не обращаетесь к этой веб-странице, она не работает.