Przykład
Kopiowanie <li> elementu 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 klonowaniu:
- Coffee
- Tea
- Milk
- Water
- Milk
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
cloneNode() metoda tworzy kopię węzła i zwraca klona.
W cloneNode() Sposób klony wszystkie atrybuty i ich wartości.
Wskazówka: Użyj appendChild() lub insertBefore() metodę, aby wstawić sklonowanego węzeł do dokumentu.
Wskazówka: Ustaw głęboką wartość parametru na true jeśli chcesz sklonować wszystkich potomków (children) , w przeciwnym przypadku false.
Wsparcie przeglądarka
metoda | |||||
---|---|---|---|---|---|
cloneNode() | tak | tak | tak | tak | tak |
Składnia
wartości parametrów Parametr Rodzaj Opis deep Boolean Opcjonalny. Określa, czy wszystkie potomkami węzła powinny być klonowane.
- prawda - Clone węzeł, jego atrybuty i jego potomków
- false - domyślna. Sklonować tylko węzeł i jego atrybuty
Szczegóły techniczne
Zwracana wartość: Obiekt węzeł reprezentujący sklonowany węzeł DOM Version Rdzeń poziomu obiektu 1 Węzeł
Więcej przykładów
Przykład
Kopiowanie <div> elementu, łącznie ze wszystkimi jego atrybutami i elementów podrzędnych, i dołączyć go do dokumentu:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); Spróbuj sam "
Podobne strony
Odniesienia HTML DOM: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
Odniesienia HTML DOM: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
Odniesienia HTML DOM: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
Odniesienia HTML DOM: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method