آموزش متد replaceChild در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد replaceChild در DOM جاوااسکریپت با من همراه باشید.

متد replaceChild در DOM جاوااسکریپت

Free-Learn

متد replaceChild در DOM جاوااسکریپت

با استفاده از متد ()replaceChild همونطور که از اسمشم مشخصه میتونیم یک گره فرزند ( تگ یا عنصر ) رو جایگزین یک گره فرزند ( تگ یا عنصر ) دیگه کنیم.

این متد ۲ پارامتر میگیره، پارامتر اول اون گره ای هست که قراره به عنوان گره جدید اضافه یا جایگزین شه و پارامتر دوم هم اون گره ای است که قراره گره جدید جاش قرار بگیره.

مقدار برگشتی برگشت اون گره فرزندی که جایگزین شده
نسخه DOM Core Level 1 Node Object

Free-Learn

مثال از این متد

در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : با کلیک بروی یک دکمه، یک تگ li درست میشه و یک متن هم داخلش ایجاد میشه و در نهایت جایگزین آیتم شماره ۲ از لیست میشه.

امتحان کنید

مثال شماره ۲ : جایگزینی آیتم شماره ۱ با آیتم شماره ۴ در لیست ( وقتی آیتم جدید قرار میگیره آیتم قدیمی بطور خودکار حذف خواهد شد )

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام متد Chrome Firefox Opera Safari IE
()replaceChild بله بله ۷ بله ۶

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار توضیح
New_Child ضروری – اون گره جدیدی که قراره اضافه شه.
Old_Child ضروری – اون گره ای که قراره، گره جدید جاش قرار بگیره

Free-Learn

نکات و توضیحات

  • با استفاده از متد ()removeChild میتونیم فرزند یک تگ را حذف نماییم.
  • با استفاده از متد ()replaceChild میتونیم یک فرزند جدید را جایگزین فرزند قدیمی کنیم.

Free-Learn

دریافت PDF یا پرینت این مطلب