javascript Как создать элементы формы input в цикле for
Компьютеры / Программирование / javascript (джаваскрипт)
Тэги: javascript полезные скрипты javascript createDocumentFragment javascript createElement javascript appendChild
Тэги: javascript полезные скрипты javascript createDocumentFragment javascript createElement javascript appendChild
📅14-08-2018 👁683
Пример кода, с помощью которого используя только код js мы создадим 3 элемента input для нашей html формы form
Код оптимизирован чтобы бы браузер не тормозил при создании элементов в цикле и обращается к DOM только один раз, благодаря методу createDocumentFragment
for (var j = 1, input, label, frag = document.createDocumentFragment(); j <= 3; j++) {
input = document.createElement('input');
label = document.createElement('label');
label.textContent = ' Сторона ' + j + ': ';
input.setAttribute('type', 'number');
input.setAttribute('max', '999');
input.setAttribute('min', '0');
input.setAttribute('value', '');
input.style.borderRadius = '10px';
input.style.paddingLeft = '5px';
input.addEventListener('keydown', evList);
frag.appendChild(label);
frag.appendChild(input);
}
document.body.appendChild(frag);
Оставить свой ответ: