Как добавлять новые input через javascript?

Пользователь

от akeem , в категории: JavaScript , 6 месяцев назад

Как добавлять новые input через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от abel , 6 месяцев назад

@akeem 

Для добавления новых элементов input через JavaScript можно использовать метод createElement() для создания нового элемента input, а затем методы appendChild() или insertBefore() для добавления его в нужное место на странице.


Вот пример кода, который добавляет новый элемент input при нажатии кнопки:


HTML:

1
2
Добавить input


JavaScript:

1
2
3
4
5
6
7
8
var button = document.getElementById("addInputButton");
var container = document.getElementById("inputContainer");

button.addEventListener("click", function() {
  var newInput = document.createElement("input");
  newInput.type = "text";
  container.appendChild(newInput);
});


В этом примере при нажатии кнопки "Добавить input" создается новый элемент input с типом "text" и добавляется в контейнер с id "inputContainer". Вы можете более детально настроить созданный элемент input, устанавливая другие атрибуты или свойства перед его добавлением.