HTML-DOM -CloneNode()- Methode
Beispiel
Kopieren Sie ein <li>-Element von einer Liste in eine andere:
// 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
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Methode cloneNode() erstellt eine Kopie eines Knotens und gibt den Klon zurück.
Die Methode cloneNode() klont alle Attribute und ihre Werte.
Tipp: Verwenden Sie die Methode appendChild() oder insertBefore() , um den geklonten Knoten in das Dokument einzufügen.
Tipp: Setzen Sie den tiefen Parameterwert auf „true“, wenn Sie alle Nachkommen (Kinder) klonen möchten, andernfalls auf „false“.
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Syntax
node.cloneNode(deep)
Parameterwerte
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Technische Details
Rückgabewert: | Ein Node-Objekt, das den geklonten Knoten darstellt |
---|---|
DOM-Version | Knotenobjekt der Kernebene 1 |
Mehr Beispiele
Beispiel
Kopieren Sie ein <div>-Element, einschließlich aller seiner Attribute und untergeordneten Elemente, und hängen Sie es an das Dokument an:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Verwandte Seiten
HTML-DOM-Referenz: document.adoptNode()-Methode
HTML-DOM-Referenz: document.importNode()-Methode
HTML-DOM-Referenz: document.createElement()-Methode
HTML-DOM-Referenz: document.createTextNode()-Methode