lo que estoy tratando de hacer es. cuando hago clic
function runIt(text) { var counter = 1; var comment = document.getElementById("name"); comment.innerText = text; comment.cloneNode(true); comment.id += counter; } document.addEventListener("click", function(e){ runIt("test") }, true);Quiero que AGREGUE un nuevo elemento debajo de esa "prueba" de salida. se sigue reemplazando. :(
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>t</title> </head> <body> <p id="name" class="someclass"></p> </body> </html>cloneNode devuelve el nuevo código, que luego puedeagregar al DOM. Además, el contador debe definirse fuera de la función y luego incrementarse cada vez.
var counter = 1; function runIt(text) { var comment = document.getElementById("name"); newcomment = comment.cloneNode(true); newcomment.innerText = text; newcomment.id += counter; counter++; document.querySelector('body').append(newcomment) } document.addEventListener("click", function(e){ runIt("test") }, true); <p id="name" class="someclass">-</p>