Μέθοδος cloneNode() του HTML DOM Element

Ορισμός και χρήση

Μέθοδος cloneNode() Μέθοδος δημιουργίας αντιγράφου του κόμβου και επιστροφής του αντιγράφου.

Μέθοδος cloneNode() Μέθοδος κλωνοποίησης όλων των ιδιοτήτων και των τιμών τους.

Αν θέλετε να клωνοποιήσετε και τα απογόνων (υπογόνων), ρυθμίστε τον παράμετρο deep σε true.

Εισαγωγή

Για να εισάγετε ξανά τον κλωνοποιημένο κόμβο στο έγγραφο, χρησιμοποιήστε:

Μέθοδος appendChild()

Μέθοδος insertBefore()

Δείτε επίσης:

Μέθοδος adoptNode()

Μέθοδος importNode()

Μέθοδος createElement()

Μέθοδος createTextNode()

Παράδειγμα

Παράδειγμα 1

Κλωνοποιήστε το στοιχείο <li> από το "myList2" στο "myList1":

const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);

Πριν από την κλωνοποίηση:

  • Coffee
  • Tea
  • Water
  • Milk

Μετά την κλωνοποίηση:

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk

Προσπαθήστε το προσωπικά

Παράδειγμα 2

Κλωνοποιήστε το στοιχείο "demo", συμπεριλαμβανομένων των ιδιοτήτων και των υποστοιχείων του, και προσθέστε το στο έγγραφο:

const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);

Προσπαθήστε το προσωπικά

Γλώσσα

node.cloneNode(deep)

Παράμετρος

Παράμετρος Περιγραφή
deep

Προαιρετικό.

  • false - Προεπιλεγμένο. Κάντε κλωνοποίηση μόνο του κόμβου και των ιδιοτήτων του
  • true - Κλωνοποιήστε το κόμβο, τις ιδιότητές του και τα απογόνων του

Επιστροφή τιμής

Τύπος Περιγραφή
Αντικείμενο Node Ο κόμβος που克隆.

Υποστήριξη του περιηγητή

element.cloneNode() Είναι χαρακτηριστικό DOM Level 1 (1998).

Όλοι οι περιηγητές υποστηρίζουν το απόλυτα:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη