JavaScript — Introduktion genom exempel

10.4 Klona element

Detta exempel visar hur man kan kopiera ett element, genom att skapa en klon av det.

5 min.

Sammanfattning

Kommandot för att skapa en klon heter cloneNode(). Man skickar med en parameter som ska vara true eller false, för att bestämma vad som ska kopieras. Med true får man med elementets innehåll inklusive inre element. Med false får man endast elementet, utan innehåll. Default-värdet är false, men oftast vill man ha med innehållet, så man får då skicka med true som parameter. Det kan t.ex. se ut på följande sätt:

let copyElem = origElem.cloneNode(true);

Attribut och stil kopplat till elementet kopieras alltid. Däremot kopieras inte händelsehanterare som är kopplade till elementet. Vill man även ha dem, får man sedan lägga in dem på kopian.

Egna övningar

Övningar kommer i det sista exemplet, ex10.5.