Question

How do I insert a HTML element twice using JavaScript?

This code isn’t working:

var div = document.createElement('div');
div.innerText = 'Hello!';
document.body.appendChild(div);
document.body.appendChild(div);

Test: http://jsfiddle.net/9z82D/

Answer 1

Ok I found that you just have to use cloneNode:

var div = document.createElement('div');
div.innerText = 'Hello!';
document.body.appendChild(div);
var div2 = div.cloneNode(true);
document.body.appendChild(div2);