HTML DOM عنصر 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(نود)

پارامتر

پارامتر وصف
نود حتمی ہوگا، حذف کئے جانے والا نود (عنصر)۔

بازگشتی کار

کم از کم وصف
Node

موجود نہیں کئے گئے نود (عنصر)۔

اگر فرزند نود موجود نہیں ہو تو اس کا ملازم null ہوگا۔

براوزر کی مدد

element.removeChild() یہ DOM Level 1 (1998) کی خصوصیت ہے۔

تمام براوزر اس کی پورا پوری مدد دیتے ہیں:

کروم آئی ای ایج فائر فاکس سافری آپریا
کروم آئی ای ایج فائر فاکس سافری آپریا
پشتیبند 9-11 پشتیبند پشتیبند پشتیبند پشتیبند