javascript Как создать элементы формы input в цикле for

 

Пример кода, с помощью которого используя только код 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);

 

 

 



Оставить свой ответ:

Имя:*
E-Mail:
Вопрос:
Skolko buдет пять пдюс сeмь?
Ответ:*
QQpedia21.ru - cамые интересные вопросы