Comment écrire un élément juste après l'autre avec javascript?

Je dois ajouter un élément sur le clic juste après l'autre (une zone de texte).

Comment je fais ça?

    Vous pouvez utiliser la méthode appendChild pour ajouter un nouvel élément

    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 

    HTML résultant

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

    La réponse acceptée fonctionnera dans ce cas particulier, mais pour insérer un élément après l'autre de manière plus générale, le travail suivant suit:

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

    newElement est l'élément à insérer et someElement est l'élément à insérer après.

    Méthode W3C insertBefore de l' interface Node

    outerHTML méthode outerHTML fait aussi l'affaire:

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