Exemplu
Copierea unui <li> elemente dintr - o listă la alta:
// 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);Înainte de clonare:
- Coffee
- Tea
- Water
- Milk
După clonare:
- Coffee
- Tea
- Milk
- Water
- Milk
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
cloneNode() metoda creează o copie a unui nod, și returnează clona.
The cloneNode() clonele metoda de toate atributele și valorile lor.
Indicație: Utilizați appendChild() sau insertBefore() metoda pentru a insera nodul clonat la document.
Sfat: Setați valoarea parametrului profund la true dacă doriți să clona toți descendenții (children) , altfel false.
Suport pentru browser-
| Metodă | |||||
|---|---|---|---|---|---|
| cloneNode() | da | da | da | da | da |
Sintaxă
Valorile parametrilor Parametru Tip Descriere deep Boolean Opțional. Specifică dacă toți descendenții nodului ar trebui să fie donate.
- true - Clona nodul, atributele sale, și descendenții săi
- fals - implicit. Clona doar nodul și atributele sale
Detalii tehnice
Întoarcere Valoare: Un obiect Node, reprezentând nodul clonat DOM Versiunea Nivelul Core 1 Nod Obiect
Mai multe exemple
Exemplu
Copierea unui <div> Element, inclusiv toate atributele sale și elemente copil și adăugați - l la documentul:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); Încearcă - l singur »
Pagini similare
HTML DOM referință: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOM referință: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOM referință: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOM referință: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method