Metodo HTML DOM cloneNode()
Esempio
Copia un elemento <li> da un elenco all'altro:
// 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);
Prima della clonazione:
- Coffee
- Tea
- Water
- Milk
Dopo la clonazione:
- Coffee
- Tea
- Milk
- Water
- Milk
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il metodo cloneNode() crea una copia di un nodo e restituisce il clone.
Il metodo cloneNode() clona tutti gli attributi ei relativi valori.
Suggerimento: utilizzare il metodo appendChild() o insertBefore() per inserire il nodo clonato nel documento.
Suggerimento: imposta il valore del parametro deep su true se desideri clonare tutti i discendenti (figli), altrimenti false.
Supporto browser
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Sintassi
node.cloneNode(deep)
Valori dei parametri
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Dettagli tecnici
Valore di ritorno: | Un oggetto Node, che rappresenta il nodo clonato |
---|---|
Versione DOM | Oggetto nodo di livello 1 principale |
Altri esempi
Esempio
Copia un elemento <div>, inclusi tutti i suoi attributi e gli elementi figlio, e aggiungilo al documento:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Pagine correlate
Riferimento HTML DOM: metodo document.adoptNode()
Riferimento HTML DOM: metodo document.importNode()
Riferimento HTML DOM: metodo document.createElement()
Riferimento HTML DOM: metodo document.createTextNode()