Le clonage d'une balise dans javascript (plaine)

Question

Je voudrais cloner une étiquette en utilisant Javascript (sans utiliser de cadres externes comme jQueries, donc s'il vous plaît limiter la réponse à Javascript ordinaire)

Voici mon exigence. Dire que j'ai un div aléatoire comme suit dans le document,

<div id='anEmptyDiv' style="display:none"> 
    <div> 
     Lorem Ipsum 
    </div> 
</div> 

Et je devrais être en mesure de faire quelque chose comme cela,

var customDiv = document.getElementyById('anEmptyDiv'); 
var copyDiv = clone(customDiv); 
copyDiv.id = 'a_valid_id'; 
copyDiv.style.display = 'block'; 

Il y a une raison derrière cette question je. J'ai un tag DIV structuré que je veux utiliser plusieurs fois quand un événement se produit. Je veux la structure seule et je n'ai pas l'intention de créer l'arbre DOM à chaque fois. Est-ce possible en Javascript?

Answer 1

via http://www.w3schools.com/dom/dom_nodes_clone.asp

xmlDoc=loadXMLDoc("books.xml"); 

oldNode=xmlDoc.getElementsByTagName('book')[0]; 
newNode=oldNode.cloneNode(true); 
xmlDoc.documentElement.appendChild(newNode); 

//Output all titles 
y=xmlDoc.getElementsByTagName("title"); 
for (i=0;i<y.length;i++) 
{ 
document.write(y[i].childNodes[0].nodeValue); 
document.write("<br />"); 
} 

La fonction clé ici est cloneNode

Answer 2

Vous pouvez essayer la fonction cloneNode:

var customDiv = document.getElementById('anEmptyDiv'); 
var copyDiv = customDiv.cloneNode(true); 
copyDiv.id = 'a_valid_id'; 
copyDiv.style.display = 'block';