Изменить значение текстового поля javascript

Question

Здравствуйте, я пытаюсь понять, как работает установка значений через консоль chrome, и у меня был успех, пока я не попробовал это на этом сайте: https://www.zalando.de/login/?view=register

Это не позволит мне заполните поля через консоль chrome кто знает почему?

var firstname = "Teodor"
document.getElementById("rjqNeP Upa9lO").value = firstname

Answer 1

Просто выберите текстовое поле по его ID = "text-1u2un"

document.getElementById("text-1u2un").value = firstname;

Answer 2

Вы ссылаетесь не на тот элемент.

Попробуйте выбрать элемент ввода напрямую, а не оборачивающий div:

document.getElementById("text-xt7my").value = firstname

В то же время вы использовали селектор ID, пытаясь получить класс:

 <div class="rjqNeP Upa9lO">
   <input id="text-xt7my" type="text" name="register.firstname" placeholder="Vorname" >
 <div>

В случае, если идентификатор генерируется динамически, обратитесь к классу и просмотрите DOM, чтобы найти правильное поле ввода:

document.getElementsByClassName("rjqNeP Upa9lO")[0].childNodes[0].value = firstname