Kituo cha HTML DOM Element cloneNode()

Muonyeshaji na Kikao

Method ya cloneNode() Method ya kumwita mafanikio ya kina, na kumwambia mafanikio hii.

Method ya cloneNode() Method ya kubadilisha vifaa na maadili yao na vya kidogo zao.

Ikiwa unafikia kuingia kwenye makosa yako watoto (wa watoto), ingia para deep inayoshiriki: true.

Ingia

Ikiwa unafikia kuingia kwenye kina kwa makosa yaliyokopwa, tumia:

Method ya appendChild()

Method ya insertBefore()

Tunapokea:

Method ya adoptNode()

Method ya importNode()

Method ya createElement()

Method ya createTextNode()

Mifano

Mifano 1

Kuwa kama <li> ya "myList2" ikipewa kwenye "myList1":

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

Kabla ya kukopwa:

  • Kahawa
  • Chai
  • Mavuta
  • Mlikoni

Baada ya kukopwa:

  • Kahawa
  • Chai
  • Mlikoni
  • Mavuta
  • Mlikoni

Kumaliza kwa kufikia kwa kufia

Mifano 2

Nakala "demo" ya kina, kwa hisia yake na watoto wake, na kuongeza kwenye kina:

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

Kumaliza kwa kufikia kwa kufia

Inafaa kusoma

node.cloneNode(deep)

Para

Para Kueleza
deep

Inafaa.

  • false - Msingi. Kopwa makosa na hisia yao pekee
  • true - Kopwa makosa, hisia yao na watoto wao

Matokeo

Aina Kueleza
Makosa wa Node Makosa yaliyokopwa.

Mfano wa kufaa

element.cloneNode() Ni DOM Level 1 (1998) mafanikio.

Wote wa vifaa vya kifaa vinakubali kwa kawaida:

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