javascript - 如何在文档的特定位置使用纯 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 元素。