Méthode HTML DOM cloneNode()
Exemple
Copiez un élément <li> d'une liste à une 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 clonage :
- Coffee
- Tea
- Milk
- Water
- Milk
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La méthode cloneNode() crée une copie d'un nœud et renvoie le clone.
La méthode cloneNode() clone tous les attributs et leurs valeurs.
Astuce : Utilisez la méthode appendChild() ou insertBefore() pour insérer le nœud cloné dans le document.
Conseil : Définissez la valeur du paramètre deep sur true si vous souhaitez cloner tous les descendants (enfants), sinon false.
Prise en charge du navigateur
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Syntaxe
node.cloneNode(deep)
Valeurs des paramètres
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Détails techniques
Valeur de retour : | Un objet Node, représentant le nœud cloné |
---|---|
Version DOM | Objet de nœud principal de niveau 1 |
Plus d'exemples
Exemple
Copiez un élément <div>, y compris tous ses attributs et éléments enfants, et ajoutez-le au document :
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Pages connexes
Référence HTML DOM : méthode document.adoptNode()
Référence HTML DOM : méthode document.importNode()
Référence HTML DOM : méthode document.createElement()
Référence HTML DOM : méthode document.createTextNode()