HTML DOM Element removeChild() विधि

परिभाषा और उपयोग

removeChild() विधि एलिमेंट के उपनिर्देशों को हटाती है.

यह विधि निकाले गए नोड को Node ऑब्जैक्ट से वापस करती है; यदि नोड नहीं मौजूद है, तो वापस null.

सूचना

उपनिर्देश डॉक्यूमेंट ऑब्जैक्ट मॉडल (DOM) से हटाए गए हैं.

लेकिन, वापसी नोड को संपादित कर सकते हैं और इसे फिर 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(node)

या

node.removeChild(node)

पारामीटर

पारामीटर वर्णन
node आवश्यक।मिटाने के लिए उपबंध (एलिमेंट)।

वापसी मूल्य

टाइप वर्णन
Node

मिटाई गई नोड (एलिमेंट)।

यदि उपबंध नाइड नहीं होता है, तो null है।

ब्राउज़र समर्थन

element.removeChild() यह DOM Level 1 (1998) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:

च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सैफारी ओपेरा
समर्थन 9-11 समर्थन समर्थन समर्थन समर्थन