How to add an element in a HTML document using pure javascript at particular position of the document - Stack Overflow

admin管理员组

文章数量:1431426

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

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

• javascript
• html

Share Improve this question Follow edited Feb 1, 2015 at 16:40 Deduplicator 45.8k77 gold badges7272 silver badges123123 bronze badges asked Jan 15, 2013 at 12:32 Govind BalajiGovind Balaji 64177 silver badges1717 bronze badges 4

• 2 The function .addElement does not exist in the DOM afaik. – Felix Kling Commented Jan 15, 2013 at 12:33
• 1 I remend to read w3/wiki/Creating_and_modifying_HTML. This might also help: w3/wiki/Traversing_the_DOM. – Felix Kling Commented Jan 15, 2013 at 12:35
• @FelixKling Sorry createElement – Govind Balaji Commented Jan 15, 2013 at 12:35
• or look at this dustindiaz./add-remove-elements-reprise – Rachel Gallen Commented Jan 15, 2013 at 12:39

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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

You can get a node with one of the GetElementsBy functions, and then append new DOM Elements with Node.appendChild().

本文标签：