HTML DOM cloneNode() Methode
Voorbeeld
Kopieer een <li>-element van de ene lijst naar de 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);
Voor het klonen:
- Coffee
- Tea
- Water
- Milk
Na het klonen:
- Coffee
- Tea
- Milk
- Water
- Milk
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De methode cloneNode() maakt een kopie van een knooppunt en retourneert de kloon.
De methode cloneNode() kloont alle attributen en hun waarden.
Tip: Gebruik de methode appendChild() of insertBefore() om het gekloonde knooppunt in het document in te voegen.
Tip: Stel de diepe parameterwaarde in op true als u alle nakomelingen (kinderen) wilt klonen, anders false.
Browserondersteuning
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
node.cloneNode(deep)
Parameterwaarden
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Technische details
Winstwaarde: | Een Node-object, dat het gekloonde knooppunt vertegenwoordigt |
---|---|
DOM-versie | Kernniveau 1 knooppuntobject |
Meer voorbeelden
Voorbeeld
Kopieer een <div>-element, inclusief alle attributen en onderliggende elementen, en voeg het toe aan het document:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Gerelateerde pagina's
HTML DOM-referentie: document.adoptNode() Methode
HTML DOM-referentie: document.importNode() Methode
HTML DOM-referentie: document.createElement() Methode
HTML DOM-referentie: document.createTextNode() Methode