如何在文档的特定位置使用纯JavaScript添加HTML文档中的元素

Question

我知道我可以使用javascript添加元素：
document.createElement('input');
但我想将其添加到文档的特定位置，例如在submit按钮之后，或在textfield之后

Answer 1

试试这个：

s是您要将新元素放在后面的元素。

var s = document.getElementsByTagName("input")[0];
var newNode = document.createElement("input");

s.parentNode.insertBefore(newNode, s.nextSibling);

这会将新input放在当前input之后。

可替换地：

var f = document.getElementsByTagName("form")[0];
var newNode = document.createElement("input");
f.appendChild(newNode);

Answer 2

您可以使用其中一个GetElementsBy函数获取一个节点，然后使用Node.appendChild（）附加新的DOM元素。