HTML DOM Element cloneNode() 方法

定义和用法

cloneNode() 方法创建节点的副本，并返回该副本。

cloneNode() 方法克隆所有属性及其值。

如果您还想克隆后代（子代），请将 deep 参数设置为 true.

kai kai amfani da

kai kai amfani da:

appendChild() kwayar

insertBefore() kwayar

kai kai amfani da:

adoptNode() kwayar

importNode() kwayar

createElement() kwayar

createTextNode() kwayar

kai amfani

masu kai amfani 1

kai kopi <li> kwayar daga "myList2" zuwa "myList1":

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

kayi klonawa:

  • Coffee
  • Tea
  • Water
  • Milk

kayi klonawa:

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk

kai kai amfani da shi

masu kai amfani 2

kopi "demo" kwayar, kuma dukkaninattsu kwayoyin da ke kai gaba da su, kuma kai kai kai wucewa zuwa dukkaninattsu dukkaninattsu:

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

kai kai amfani da shi

kwayar

node.cloneNode(deep)

kwayar

kwayar ba da cikakken bayani
deep

ya faruwa

  • false - tsarin da a fi so. kawai klonowa kwayar da kwayoyinattsu
  • true - klonowa kwayar, dukkaninattsu da kwayoyin da ke kai gaba da su

kayan wucewa

kan nau'ikan ba da cikakken bayani
kwayar Node kwayar da ke kai klonawa.

ciki da ke kai amfani da kwayoyin

element.cloneNode() ya kasance DOM Level 1 (1998) nau'ikan.

kowane kwayoyin da ke kai wa kai amfani da su:

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