HTML DOM cloneNode() Metode
Voorbeeld
Kopieer 'n <li>-element van een lys na 'n ander:
// 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);
Voor kloning:
- Coffee
- Tea
- Water
- Milk
Na kloning:
- Coffee
- Tea
- Milk
- Water
- Milk
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die cloneNode() metode skep 'n kopie van 'n nodus, en gee die kloon terug.
Die cloneNode() metode kloon alle eienskappe en hul waardes.
Wenk: Gebruik die appendChild() of insertBefore() metode om die gekloonde nodus by die dokument in te voeg.
Wenk: Stel die diep parameterwaarde op waar as jy alle afstammelinge (kinders) wil kloon, anders vals.
Blaaierondersteuning
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.cloneNode(deep)
Parameterwaardes
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Tegniese besonderhede
Terugkeerwaarde: | 'n Node-objek, wat die gekloonde nodus verteenwoordig |
---|---|
DOM weergawe | Kernvlak 1 Node-objek |
Meer voorbeelde
Voorbeeld
Kopieer 'n <div>-element, insluitend al sy eienskappe en onderliggende elemente, en voeg dit by die dokument:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Verwante bladsye
HTML DOM verwysing: document.adoptNode() Metode
HTML DOM verwysing: document.importNode() Metode
HTML DOM verwysing: document.createElement() Metode
HTML DOM verwysing: document.createTextNode() Metode