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 関数の 1 つを使用してノードを取得し、Node.appendChild() を使用して新しい DOM 要素を追加できます。