Beispiel
Kopieren Sie ein <li> Element von einer Liste in einer anderen:
// 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);Vor dem Klonen:
- Coffee
- Tea
- Water
- Milk
Nach dem Klonen:
- Coffee
- Tea
- Milk
- Water
- Milk
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die cloneNode() Methode erstellt eine Kopie eines Knotens, und gibt den Klon.
Die cloneNode() Methode Klone alle Attribute und deren Werte.
Tipp: Verwenden Sie die appendChild() oder insertBefore() Methode , die den geklonten Knoten zu dem Dokument einzufügen.
Tipp: Stellen Sie den tiefen Parameterwert auf true , wenn alle Nachkommen klonen wollen (children) , sonst false.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| cloneNode() | Ja | Ja | Ja | Ja | Ja |
Syntax
Parameterwerte Parameter Art Beschreibung deep Boolean Optional. Gibt an, ob alle Nachkommen des Knotens geklont werden soll.
- wahr - Clone den Knoten, seine Attribute, und seine Abkömmlinge
- false - Standard. Klonen nur der Knoten und seine Attribute
Technische Details
Rückgabewert: Ein Knotenobjekt, die die geklonten Knoten DOM Version Core Level 1 Knoten Object
Mehr Beispiele
Beispiel
Kopieren Sie ein <div> Element, einschließlich aller Attribute und untergeordneten Elemente, und fügen Sie sie auf das Dokument:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); Versuch es selber "
Verwandte Seiten
HTML - DOM - Referenz: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML - DOM - Referenz: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML - DOM - Referenz: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML - DOM - Referenz: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method