HTML DOM cloneNode() Methode

cloneNode()Die Funktion des Verfahrens ist: Gibt eine Kopie des Knotens zurück, der das Verfahren aufruft.

cloneNode() kopiert alle Attribute und deren Werte.

VerwendungappendChild()oderinsertBefore()Die Methode fügt den geklonten Knoten in das Dokument ein.

Beachtung: cloneNode() kann zu einer Wiederholung der Element-ID im Dokument führen.

Syntax:

node.cloneNode(deep)

Beispiel

var node = document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);

cloneNode() Methode wird von allen Browsern vollständig unterstützt:

Methode
cloneNode()	Ja	Ja	Ja	Ja	Ja

Parameter	Beschreibung
deep	(Optional) Bestimmt, ob alle Nachkommen des Knotens geklont werden sollen Mögliche Werte: Wahr -Geklonter Knoten, seine Attribute, seine Nachkommen Falsch -Nur der Knoten und seine Attribute werden geklont (Standard).

Rückgabewert:	Ein Node-Objekt, das den geklonten Knoten darstellt
DOM-Version:	DOM-Stufe1

Kopieren Sie ein DIV-Element (einschließlich aller Attribute und Kindknoten) und fügen Sie es dem Dokument hinzu:

Beispiel

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);