Méthode cloneNode() de HTML DOM

Objet Element HTML DOM

cloneNode()L'objet de la méthode est : retourner une copie de l'élément appelant la méthode.

La méthode cloneNode() clone tous les attributs et leurs valeurs.

UtilisezappendChild()ouinsertBefore()La méthode insère le nœud cloné dans le document.

Attention : cloneNode() peut entraîner une duplication de l'ID d'élément dans le document.

Syntaxe :

node.cloneNode(deep)

var　node　=　document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);

Compatibilité du navigateur

Tous les navigateurs supportent complètement la méthode cloneNode() :

Valeur des paramètres

Détails techniques

Plus d'exemples

Copiez l'élément DIV (y compris tous ses attributs et éléments enfants) et ajoutez-le au document :

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);

Références associées

Référence HTML DOMMéthode document.adoptNode()

Référence HTML DOMMéthode document.importNode()

Objet Element HTML DOM