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);
Où 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>'