¿Cómo escribir un elemento justo después de otro con javascript?

Question

Necesito agregar un elemento onclick justo después de otro (un área de texto).

¿Cómo puedo hacer eso?

Answer 1

Usted puede utilizar el método appendChild añadir un nuevo elemento

HTML

<div id='div'> 
    <textarea></textarea> 
</div> 

Javascript

var div = document.getElementById('div'); 

var newText = document.createElement('textarea'); // create new textarea 

div.appendChild(newText); // add it to the div 

resultante HTML

<div id='div'> 
    <textarea></textarea> 
    <textarea></textarea> 
</div> 

Answer 2

La respuesta aceptada será w ork en este caso específico, pero para insertar un elemento tras otro de manera más general, la siguiente hace el trabajo:

someElement.parentNode.insertBefore(newElement, someElement.nextSibling); 

Dónde newElement es el elemento a ser insertado y someElement es el elemento que es estar insertado después

W3C insertBefore método del método Node interface

Answer 3

outerHTML hace el truco demasiado:

allAloneElement.outerHTML+='<p>I am the new element</p>'