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

时间:2019-02-25 15:00:43

标签: javascript dom parent-child child-nodes

我设法将输入(登录的文本字段)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>

现在,我想在此输入中添加一个标签(密码)的childNode并在该标签的密码字段中添加另一个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>

1 个答案:

答案 0 :(得分:1)

不能将子级添加到BR元素-仅添加到其父级。这样做会自动使它成为最后一个孩子,除非您另有选择。