HTML DOM Element cloneNode() metode

Definition og brug

cloneNode() metode opretter en kopi af en knude og returnerer denne kopi.

cloneNode() metode kloner alle egenskaber og deres værdier.

Hvis du også vil klonere efterkommere (underkomponenter), sæt deep parameter til true.

Indsæt

For at indsætte den klonede knude tilbage i dokumentet, brug:

appendChild() metode

insertBefore() metode

Se også:

adoptNode() metode

importNode() metode

createElement() metode

createTextNode() metode

Eksempel

Eksempel 1

Kopier <li> element fra "myList2" til "myList1":

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

Før kloning:

  • Kaffe
  • Te
  • Vand
  • Mælk

Efter kloning:

  • Kaffe
  • Te
  • Mælk
  • Vand
  • Mælk

Prøv det selv

Eksempel 2

Kopier "demo" element, herunder dens egenskaber og underkomponenter, og tilføj det til dokumentet:

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

Prøv det selv

Syntaks

node.cloneNode(deep)

Parameter

Parameter Beskrivelse
deep

Valgfri.

  • false - Standard. Kloner kun knude og dens egenskaber
  • true - Kloner knude, dens egenskaber og efterkommere

Returværdi

Type Beskrivelse
Node objekt Klonede knuder.

Browser understøttelse

element.cloneNode() er en DOM Level 1 (1998) funktion.

Det understøttes fuldt ud af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support