Как отследить html элемент, созданный динамически?

Question

По нажатию на кнопку у меня в html-форме появляется новое поле для ввода. Я использую такой код:

        let newField = document.createElement('input');
        let formBlock = document.getElementById('mainForm');
        formBlock.appendChild(newField);

Однако как получить информацию с этого поля? Возможно есть способ добавить к нему ID?

Answer 1

newField.setAttribute('id', 'id-here');

Первый параметр задаёт атрибут, а второй его значение.

Answer 2

Возможно не понял вопрос т.к не ясно для чего добавлять id. А вот данные считываются с input , полем value.

let newField = document.createElement('input');
        let formBlock = document.getElementById('mainForm');
        
 
//добавляем клас css 
newField.classList.add("input");

//вставляем input в блок
formBlock.insertAdjacentElement("afterbegin", newField);

//в простом обработчике читаем input
formBlock.addEventListener("click", (e) => {
    e.preventDefault();
    console.log(newField.value)
    
})

БЛОГ НА HUSL

Как отследить html элемент, созданный динамически?

Ответы (2 шт):