HTML DOM Element removeChild() ਮੈਥਡ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

removeChild() ਇਹ ਮੈਥਡ ਐਲੀਮੈਂਟ ਦੇ ਚਿਲ ਨੋਡ ਹਟਾਉਂਦਾ ਹੈ.

ਇਹ ਮੈਥਡ ਹਟਾਏ ਗਏ ਨੋਡ ਨੂੰ Node ਐਕਸਪੋਜ਼ਰ ਵਿੱਚ ਵਾਪਸ ਦਿੰਦਾ ਹੈ; ਜੇਕਰ ਨੋਡ ਮੌਜੂਦ ਨਹੀਂ ਹੈ, ਤਾਂ null.

ਸੁਝਾਅ

ਚਿਲ ਨੋਡ ਡੌਕੂਮੈਂਟ ਓਬਜੈਕਟ ਮਾਡਲ (DOM) ਤੋਂ ਹਟਾਏ ਜਾਂਦੇ ਹਨ.

ਪਰ, ਮੌਜੂਦਾ ਨੋਡ ਨੂੰ ਸੰਸ਼ੋਧਿਤ ਕਰ ਸਕਦੇ ਹਨ ਅਤੇ ਉਸ ਨੂੰ ਮੁੜ ਜੋੜ ਸਕਦੇ ਹਨ (ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਦੇਖੋ).

ਇਹ ਦੇਖੋ:

remove() ਮੈਥਡ

appendChild() ਮੈਥਡ

insertBefore() ਮੈਥਡ

replaceChild() ਮੈਥਡ

childNodes ਪ੍ਰਤੀਯੋਗਿਤਾ

firstChild ਪ੍ਰਤੀਯੋਗਿਤਾ

lastChild ਪ੍ਰਤੀਯੋਗਿਤਾ

firstElementChild ਪ੍ਰਤੀਯੋਗਿਤਾ

lastElementChild ਪ੍ਰਤੀਯੋਗਿਤਾ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਲਿਸਟ ਤੋਂ ਪਹਿਲੀ ਐਲੀਮੈਂਟ ਹਟਾਓ:

const list = document.getElementById("myList");
list.removeChild(list.firstElementChild);

ਹਟਾਉਣ ਤੋਂ ਪਹਿਲਾਂ:

  • ਕਾਫੀ
  • ਚਾਹ
  • ਦੇਹਰੀ

ਹਟਾਉਣ ਤੋਂ ਬਾਅਦ:

  • ਚਾਹ
  • ਦੇਹਰੀ

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਜੇਕਰ ਲਿਸਟ ਵਿੱਚ ਚਿਲ ਨੋਡ ਹਨ, ਤਾਂ ਪਹਿਲੀ ਨੂੰ (ਅਨੁਸੂਚਕ 0) ਹਟਾਓ:

const list = document.getElementById("myList");
if (list.hasChildNodes()) {
  list.removeChild(list.children[0]);
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਸਾਰੇ ਚਿਲ ਡੋਕੂਮੈਂਟ ਨੋਡ ਹਟਾਓ:

const list = document.getElementById("myList");
while (list.hasChildNodes()) {
  list.removeChild(list.firstChild);
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

ਆਪਣੇ ਪੈਰੰਟ ਨੋਡ ਤੋਂ ਇੱਕ ਐਲੀਮੈਂਟ ਹਟਾਓ:

element.parentNode.removeChild(element);

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 5

ਆਪਣੇ ਪੈਰੰਟ ਐਲੀਮੈਂਟ ਤੋਂ ਇੱਕ ਐਲੀਮੈਂਟ ਹਟਾਓ, ਫਿਰ ਮੁੜ ਜੋੜੋ:

const element = document.getElementById("myLI");
function removeLi() {
  element.parentNode.removeChild(element);
}
function appendLi() {
  const list = document.getElementById("myList");
  list.appendChild(element);
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 6: ਸੁਝਾਅ

ਹਟਾਏ ਗਏ ਨੂੰਦ ਨੂੰ ਇੱਕ ਹੀ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋੜਨ ਲਈ appendChild() ਜਾਂ insertBefore() ਵਰਤੋਂ ਕਰੋ。

ਇਸ ਨੂੰ ਦੂਜੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋੜਨ ਲਈ document.adoptNode() ਜਾਂ document.importNode() ਵਰਤ ਸਕਦੇ ਹੋ

ਹੇਠ ਦਾ ਉਦਾਹਰਣ ਇੱਕ ਏਲੀਮੈਂਟ ਨੂੰ ਉਸ ਦੇ ਮਾਂ ਏਲੀਮੈਂਟ ਤੋਂ ਹਟਾ ਕੇ ਦੂਜੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋੜਦਾ ਹੈ:

const child = document.getElementById("mySpan");
function remove() {
  child.parentNode.removeChild(child);
}
function insert() {
  const frame = document.getElementsByTagName("IFRAME")[0]
  const h = frame.contentWindow.document.getElementsByTagName("H1")[0];
  const x = document.adoptNode(child);
  h.appendChild(x);
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਚਾਰ

element.removeChild(ਪੈਰਾਮੀਟਰ)

ਜਾਂ

ਪੈਰਾਮੀਟਰ.removeChild(ਪੈਰਾਮੀਟਰ)

)

) ਵਰਣਨ
ਪੈਰਾਮੀਟਰ ਲੋੜੀਂਦਾ ਹੈ। ਹਟਾਉਣ ਲਈ ਦੇਣ ਵਾਲਾ ਨੂੰਦ (ਏਲੀਮੈਂਟ)

ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ

ਪ੍ਰਕਾਰ ਵਰਣਨ
ਨੂੰਦ

ਹਟਾਏ ਗਏ ਨੂੰਦ (ਏਲੀਮੈਂਟ)

ਜੇਕਰ ਉਪ ਨੂੰ ਕੋਈ ਨਹੀਂ ਹੈ, ਤਾਂ null ਹੁੰਦਾ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

element.removeChild() ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

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

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