Metoda HTML DOM cloneNode()
Przykład
Skopiuj element <li> z jednej listy do drugiej:
// 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);
Przed klonowaniem:
- Coffee
- Tea
- Water
- Milk
Po sklonowaniu:
- Coffee
- Tea
- Milk
- Water
- Milk
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Metoda cloneNode() tworzy kopię węzła i zwraca klon.
Metoda cloneNode() klonuje wszystkie atrybuty i ich wartości.
Wskazówka: użyj metody appendChild() lub insertBefore() , aby wstawić sklonowany węzeł do dokumentu.
Wskazówka: Ustaw wartość parametru deep na true, jeśli chcesz sklonować wszystkich potomków (dzieci), w przeciwnym razie false.
Obsługa przeglądarki
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Składnia
node.cloneNode(deep)
Wartości parametrów
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Szczegóły techniczne
Wartość zwrotu: | Obiekt Node, reprezentujący sklonowany węzeł |
---|---|
Wersja DOM | Obiekt węzła poziomu podstawowego |
Więcej przykładów
Przykład
Skopiuj element <div>, w tym wszystkie jego atrybuty i elementy potomne, i dołącz go do dokumentu:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Powiązane strony
Dokumentacja HTML DOM: metoda document.adoptNode()
Dokumentacja HTML DOM: metoda document.importNode()
Dokumentacja HTML DOM: metoda document.createElement()
Dokumentacja HTML DOM: metoda document.createTextNode()