HTML
CSS
JS
Edit on Codewith.it
<div> <div class="mydiv" id="obj"> -- Ciao!! -- </div> </div> <button onclick="copy()"> + Copia </button>
.mydiv { background-color: rgb(131,131,213); height:20px; padding:10px; color:white; font-weight:bold; text-align:center; font-size:20px; margin-bottom:5px; } button { background-color:white; border:1px rgb(134,134,134) solid; border-radius:20px; padding:4px 8px; } button:hover{ background-color:grey; }
var n = 0; var original = document.getElementById('obj'); function copy() { var copy = original.cloneNode(true); //Assegna e incrementa il numero nell'ID copy.id = "obj" + ++n; original.parentNode.appendChild(copy); } copy();