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