Clone <div> and change id

How can I using javascript make clone of some <div> and set his id different from original. Jquery also will be nice.


Solution 1:

var div = document.getElementById('div_id'),
    clone = div.cloneNode(true); // true means clone all childNodes and all event handlers
clone.id = "some_id";
document.body.appendChild(clone);

Solution 2:

Use it:

JQuery

var clonedDiv = $('#yourDivId').clone();
clonedDiv.attr("id", "newId");
$('#yourDivId').after(cloneDiv);