Copier le contenu d'une division dans la seconde division

Question

Comment puis-je copier tout le contenu d'une div (y compris les données de mémoire pour les entrées ou d'autres variables) et les placer dans un autre div?

J'ai essayé d'utiliser la propriété innerHTML, mais cela ne copie pas les informations entrées dans les zones de texte entre-temps.

Quelqu'un a-t-il des solutions?

Answer 1

javascript Plain utiliser var clone = [somediv].cloneNode(true). Assurez-vous de changer l'identifiant du clone, le cas échéant! cloneNode(true) va copier toutes les propriétés et les nœuds enfants de l'original, afiak il copiera également les valeurs des champs d'entrée. Il ne copiera pas les gestionnaires assignés à l'élément d'origine. Voir aussi MDN

J'ai édité this jsfiddle (destiné à répondre à une autre question SO) pour le démontrer.

Answer 2

Vous pouvez utiliser jQuery de .clone(true): http://api.jquery.com/clone/

Answer 3

Sans jQuery, vous pouvez utiliser

var clone = cloneNode(true); 

puis ajouter ce nœud whereever vous aimez tels que

var targetNode = documentGetElementById('someID'); 
targetNode.appendChild(clone);