HTML DOM cloneNode() Method

Exemple

Copier un <li> élément d'une liste à l' autre:

// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;

// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);

// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);

Avant le clonage:

Coffee
Tea

Water
Milk

Après le clonage:

Coffee
Tea
Milk

Water
Milk

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Le cloneNode() méthode crée une copie d'un noeud, et renvoie le clone.

Les cloneNode() clones de méthode , tous les attributs et leurs valeurs.

Conseil: Utiliser la appendChild() ou insertBefore() méthode pour insérer le noeud cloné dans le document.

Astuce: Réglez la valeur du paramètre en profondeur à true si vous voulez cloner tous les descendants (children) , sinon faux.

Support du navigateur

méthode
cloneNode()	Oui	Oui	Oui	Oui	Oui

Syntaxe

Les valeurs des paramètres

Paramètre	Type	La description
deep	Boolean	Optionnel. Indique si tous les descendants du nœud doivent être clonés. vrai - Clone le nœud, ses attributs et ses descendants false - Par défaut. Clone seul le nœud et ses attributs