روش replaceChild() HTML DOM Element

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

replaceChild() روش با استفاده از نقطه‌ی جدید جایگزین کردن نقطه‌ی فرزند.

لطفاً به: مراجعه کنید

روش removeChild()

روش remove()

روش appendChild()

روش insertBefore()

ویژگی childNodes

ویژگی firstChild

ویژگی lastChild

ویژگی firstElementChild

ویژگی lastElementChild

روش‌های مرتبط با مستند:

روش createElement()

روش createTextNode()

مثال

مثال 1

با استفاده از نقطه‌ی جدید متن، نقطه‌ی متن موجود در عناصر <li> را جایگزین کنید:

const newNode = document.createTextNode("Water");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);

قبل از جایگزینی:

  • Coffee
  • Tea
  • Milk

بعد از جایگزینی:

  • Water
  • Tea
  • Milk

آزمایش کنید

مثال 2

با استفاده از یک عنصر <li> جدید، <li> را جایگزین کنید:

// یک عنصر <li> جدید ایجاد کنید:
const element = document.createElement("li");
// یک نود متن جدید ایجاد کنید:
const textNode = document.createTextNode("Water");
// نود متن را به عنصر <li> اضافه کنید:
element.appendChild(textNode);
// عناصر <ul> با id="myList" را دریافت کنید:
const list = document.getElementById("myList");
// با استفاده از یک عنصر <li> جدید، اولین فرزند را جایگزین کنید:
list.replaceChild(element, list.childNodes[0]);

قبل از جایگزینی:

  • Coffee
  • Tea
  • Milk

بعد از جایگزینی:

  • Water
  • Tea
  • Milk

آزمایش کنید

قوانین دستور زبان

node.replaceChild(newnode, oldnode)

پارامترها

پارامترها توصیف
newnode ضروری. نود باید جایگزین شود.
oldnode ضروری. نود باید حذف شود.

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

نوع توصیف
نود نود جایگزین شده.

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

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

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

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