Esempio
Copiare un <li> elemento da una lista all'altra:
// 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 di clonazione:
- Coffee
- Tea
- Water
- Milk
Dopo la clonazione:
- Coffee
- Tea
- Milk
- Water
- Milk
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il cloneNode() metodo crea una copia di un nodo, e restituisce il clone.
I cloneNode() metodo cloni tutti gli attributi ei loro valori.
Suggerimento: Utilizzare appendChild() o insertBefore() metodo per inserire il nodo clonato al documento.
Suggerimento: impostare il valore del parametro profonda su true se si desidera clonare tutti i discendenti (children) , altrimenti false.
Supporto browser
| Metodo | |||||
|---|---|---|---|---|---|
| cloneNode() | sì | sì | sì | sì | sì |
Sintassi
valori dei parametri Parametro Tipo Descrizione deep Boolean Opzionale. Specifica se tutti i discendenti del nodo dovrebbero essere clonati.
- vero - Clonare il nodo, i suoi attributi, e le sue discendenti
- false - di default. Clonare solo il nodo ei suoi attributi
Dettagli tecnici
Valore di ritorno: Un oggetto Node, che rappresenta il nodo clonato DOM Version Nucleo Livello 1 Nodo Oggetto
Altri esempi
Esempio
Copiare un <div> elemento, tra cui tutti i suoi attributi e gli elementi figlio, e aggiungerlo al documento:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); Prova tu stesso "
Pagine correlate
Di riferimento HTML DOM: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
Di riferimento HTML DOM: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
Di riferimento HTML DOM: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
Di riferimento HTML DOM: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method