Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM cloneNode() Method

<Element Przedmiot

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ł

Przykłady

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


<Element Przedmiot