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

Question

I know I can add an element using javascript by:
document.createElement('input');
But I want to add it in a particular position of the document, like after the submit button, or after the textfield

Answer 1

Try this out:

s is the element you want to put the new element after.

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

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

This will place the new input after the current input .

Alternatively:

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

Answer 2

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