HTML DOM cloneNode() metoda
Příklad
Zkopírujte prvek <li> z jednoho seznamu do druhého:
// 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);
Před klonováním:
- Coffee
- Tea
- Water
- Milk
Po klonování:
- Coffee
- Tea
- Milk
- Water
- Milk
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Metoda cloneNode() vytvoří kopii uzlu a vrátí klon.
Metoda cloneNode() klonuje všechny atributy a jejich hodnoty.
Tip: K vložení klonovaného uzlu do dokumentu použijte metodu appendChild() nebo insertBefore() .
Tip: Nastavte hodnotu parametru deep na hodnotu true, pokud chcete klonovat všechny potomky (děti), v opačném případě na hodnotu false.
Podpora prohlížeče
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Syntax
node.cloneNode(deep)
Hodnoty parametrů
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Technické údaje
Návratová hodnota: | Objekt Node představující klonovaný uzel |
---|---|
Verze DOM | Základní objekt uzlu úrovně 1 |
Další příklady
Příklad
Zkopírujte prvek <div> včetně všech jeho atributů a podřízených prvků a připojte jej k dokumentu:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Související stránky
Odkaz HTML DOM: metoda document.adoptNode() .
Odkaz HTML DOM: metoda document.importNode() .
Odkaz HTML DOM: metoda document.createElement() .
Odkaz HTML DOM: metoda document.createTextNode() .