مетод removeChild() DOM HTML Element

تعریف و استفاده

removeChild() این روش فرزندان یک عنصر را حذف می‌کند.

این روش یک شیء Node را به عنوان نقطه حذف شده بازمی‌گرداند؛ اگر نقطه وجود نداشته باشد، null.

توجه:

فرزندان از مدل ابرنویسی مستند (DOM) حذف می‌شوند.

اما می‌توان نقطه بازگشتی را تغییر داد و آن را به DOM بازمی‌گرداند (لطفاً به مثال زیر مراجعه کنید).

لطفاً به: بنگرید

مетод remove()

مетод appendChild()

مетод insertBefore()

مетод replaceChild()

نماینده فرزندان

نماینده اولین فرزند

نماینده آخرین فرزند

نماینده اولین فرزند

نماینده آخرین فرزند

مثال

مثال 1

اولین عنصر لیست را حذف می‌کند:

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

قبل از حذف:

  • قهوه
  • چای
  • شیر

بعد از حذف:

  • چای
  • شیر

}

مثال 2

اگر لیست فرزندانی دارد، اولین فرزند (INDEX 0) را حذف می‌کند:

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

}

مثال 3

تمام فرزندان لیست را حذف می‌کند:

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

}

مثال 4

از نقطه والد یک عنصر حذف می‌کند:

element.parentNode.removeChild(element);

}

مثال 5

از عنصر والد خود یک عنصر حذف کرده و سپس دوباره وارد می‌کند:

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

}

例子 6：提示

مثال 6: پیام‌دهی

برای اضافه کردن نود حذف شده به همان مستند، از appendChild() یا insertBefore() استفاده کنید.

می‌توان از document.adoptNode() یا document.importNode() برای اضافه کردن آن به یک مستند دیگر استفاده کرد.

مثال زیر یک عنصر را از عنصر پدر خود حذف کرده و آن را به یک مستند دیگر اضافه می‌کند:
const child = document.getElementById("mySpan");
  function remove() {
h.appendChild(x);
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);

}

تست کنید

منظور ازیاپارامتر.removeChild(

element

پارامتریاپارامتر.removeChild(

)

) توضیح
پارامتر ضروری. نود (عنصر) که باید حذف شود.

مقدار بازگشتی

نوع توضیح
Node

نود حذف شده (عنصر).

اگر نود فرزند وجود ندارد، null است.

پشتیبانی مرورگر

element.removeChild() این یک ویژگی DOM Level 1 (1998) است.

همه مرورگرها آن را به طور کامل پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی