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

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

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

Free-Learn

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

با استفاده از متد ()adoptNode میتونیم یک گره ( Node ) رو از یک صفحه به صفحه دیگر انتقال دهیم.

این متد ۱ پارامتر میگیره اونم نام گره ای هست که قراره وارد شه و بصورت پیش فرض اگه گره مورد نظر فرزند داشت، فرزندانش نیز انتقال داده خواهند شد.

این متد شبیه به متد importNode عمل میکند، ولی خب importNode یک کپی از گره میگیره ( یعنی گره فعلی بعد از انتقال بازم سرجاش میمونه ) ولی adoptNode بطور کامل گره رو انتقال میده ( دیگه گره سرجای قبلیش نمیونه)

مقدار برگشتی برگشت اون گره ای که انتقال داده شده
نسخه DOM Core Level 3 Document Object

Free-Learn

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

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

مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه، تگ h2 موجود در Iframe رو بگیریم و وارد صفحه فعلی خودمون کنیم. ( چون از adoptNode استفاده میکنم تگ h2 بعد از انتقال، در صفحه مبدا حذف خواهد شد )

امتحان کنید

Free-Learn

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

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

نام متد Chrome Firefox Opera Safari IE
()adoptNode بله بله ۹٫۰ بله ۹٫۰

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

مقدار توضیح
Node_Name ضروری – نام اون گره یا ( Node ) که قراره انتقال داده بشه
( هر نوع گره ای میتونه باشه )

Free-Learn

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

  • با استفاده از متد ()importNode میتوان یک کپی از گره رو انتقال داد ولی adoptNode بطور کامل گره رو انتقال میده ( یعنی در صفحه مبدا گره حذف خواهد شد )

Free-Learn

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