HTML DOM Element cloneNode() ਮੈਥਡ

ਡਿਫਾਇਨੇਸ਼ਨ ਅਤੇ ਵਰਤੋਂ

cloneNode() ਮਹੱਤਵ 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);

ਕਲੋਨ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ:

  • ਕਾਫੀ
  • ਚਾਹ
  • ਪਾਣੀ
  • ਮਿਲਕ

ਕਲੋਨ ਕਰਨ ਦੇ ਬਾਅਦ:

  • ਕਾਫੀ
  • ਚਾਹ
  • ਮਿਲਕ
  • ਪਾਣੀ
  • ਮਿਲਕ

ਸਵੈ ਸਿਖਲਾਈ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 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) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਮੋਇਲ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਇਲ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ