如何将 childNode 添加到 javascript 中的元素

Question

我设法将输入（登录的文本字段）子节点添加到标签（登录）

<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>

现在我想向该输入添加一个标签（密码）的子节点，并向该标签添加另一个用于密码字段的子节点。

下面是我的尝试

<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

您不能将 child 添加到 BR 元素 - 只能添加到它的 parent。这样做，将自动使其成为最后一个 child，除非您特别选择其他方式。

如何将 childNode 添加到 javascript 中的元素

how to add a childNode to an element in javascript

javascript

dom

parent-child

child-nodes