附加两个的最佳方式<；br>；在使用vanilla javascript创建新的html元素之前？

我有一个按钮，当点击创建一个输入，我希望它被一个空格隔开，我注意到1

只是让它转到一个新行，所以我想添加两个，但当我这样做的时候

function createInput(){

var br = document.createElement("br");
  var input = document.createElement("input");
  input.type = "file";

  document.body.appendChild(br);
  document.body.appendChild(br);
  document.body.appendChild(input);


}

---

它只显示一行。MDN文档中的：

appendChild（）方法将一个节点添加到 指定父节点的子节点。如果给定的子对象是引用 对于文档中的现有节点，appendChild（）将其从其 将当前职位转换为新职位（不要求 在将该节点附加到其他节点之前，请从其父节点中删除该节点 节点）

由于要两次追加同一元素，第二次所做的就是将元素从当前位置（文档末尾）移动到文档末尾。i、 它什么也没做。您需要创建第二个br：

document.body.appendChild(document.createElement("br"));
document.body.appendChild(document.createElement("br"));

---

或者更好的是，正如@torazaburo所建议的，在布局中使用CSS属性（但是一次只做一件事，嘿？）

来自以下MDN文档：

appendChild（）方法将一个节点添加到 指定父节点的子节点。如果给定的子对象是引用 对于文档中的现有节点，appendChild（）将其从其 将当前职位转换为新职位（不要求 在将该节点附加到其他节点之前，请从其父节点中删除该节点 节点）

由于要两次追加同一元素，第二次所做的就是将元素从当前位置（文档末尾）移动到文档末尾。i、 它什么也没做。您需要创建第二个br：

document.body.appendChild(document.createElement("br"));
document.body.appendChild(document.createElement("br"));

或者更好的是，正如@torazaburo所建议的，在布局中使用CSS属性（但是一次只能使用一件东西，嘿？）

您可以使用

document.body.insertAdjacentHTML（“beforeed”，“br>
”）

您可以使用

document.body.insertAdjacentHTML（“beforeed”，“br>
”）

不要使用

来布局页面。相反，请使用CSS属性，如

边距

。您的

已添加。无论您添加了多少次，都可以添加第二个（或第一个）append

document.body.appendChild（br.cloneNode（））

，这样您就可以添加第一个的副本。不要使用

来布局页面。相反，请使用CSS属性，如

边距

。您的

已添加。无论您添加了多少次，都可以添加第二个（或第一个）append

document.body.appendChild（br.cloneNode（））

，这样您就可以添加第一个的副本。答案很好，使用css哪种方式比较好？使按钮

显示：内联块

tho，它会将任何东西向右抛到第二行。idk谁投了反对票。回答得好，哪种方式对css好？使按钮

显示：内联块

tho，它会将任何东西向右抛到第二行。投票反对的idk。