Как добавить childNode к элементу в JavaScript

Question

Мне удалось добавить вход (текстовое поле логина) childNode к метке (логин)

<script>
  let wrapperr = document.getElementById("dynamic-field");

  var label1 = document.createElement("label");
  label1.appendChild(document.createTextNode("login"));
  wrapperr.appendChild(label1);

  linebreak = document.createElement("br");
  label1.appendChild(linebreak);

  var input1 = document.createElement("input");
  label1.insertBefore(input1, label1.children[1]).style.width = "94%";

</script>

Теперь я хочу добавить к этому входу дочерний узел метки (пароля) и к этомупометьте другое childNote для поля пароля.

ниже моя попытка

<script>
  var label2 = document.createElement("label");
  label2.appendChild(document.createTextNode("password"));

  line_break.insertBefore(label2, line_break.children[1]).style.width = "94%";
  var input2 = document.createElement("input");

  label2.insertBefore(input2, label2.children[1]).style.width = "94%";
</script>

Answer 1

Вы не можете добавить дочерний элемент к элементу BR - только к его родительскому элементу.Это автоматически сделает его последним ребенком, если вы не укажете иное.