javascript - 如何将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 元素 - 只能添加到其父元素。这样做会自动使其成为最后一个孩子，除非您另有特别选择。