@Vaultboy84

Как обратиться к элементам созданным через innerHtml?

Добрый день. По клику открываю модальное окно, куда вставляю форму посредством js через innerHtml. Далее хочу чекать обязательные поля формы на их заполнение, но не получается обратиться к полям формы. Они внезапно undefined. События тоже не отслеживаются. Новичок в js, поэтому если можно, подскажите максимально простым языком, как мне обратиться к ним и повесить событие. Спасибо.
  • Вопрос задан
  • 96 просмотров
Пригласить эксперта
Ответы на вопрос 2
@alekcena
В попытках обрести навыки и умения
Код исполняется моментально. Он не предвидит будущее и не может предполагать что вы вставляете с помощью innerHTML.
Осуществляйте поиск после команды "innerHTML"
Ответ написан
@vdem
const formContainer = document.getElementById('formContainer');
formContainer.innerHTML = '<input type="email" name="email" required>';
formContainer.querySelector('[name=email]').addEventListener('change', function (e) {
    ...
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы