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