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

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

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

Free-Learn

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

با استفاده از متد ()importNode همونطور که از اسمش مشخصه، میتونیم یک گره ( Node ) رو از یک صفحه به صفحه دیگر وارد یا ( Import ) کنیم.

این متد ۲ پارامتر میگیره ، اولین پارامتر اون گره ای هست که قراره وارد شه و دومین پارامتر مشخص میکنه که آیا فقط خوده گره وارد شه یا فرزندان گره هم وارد شن.

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

Free-Learn

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

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

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

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

مقدار توضیح
Node_Name ضروری – نام اون گره یا تگی که قراره وارد شه.
deep ضروری – ۲ مقدار میتونه بگیره :
true : خوده گره با فرزندانش وارد میشه
false : فقط خوده گره وارد میشه

Free-Learn

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

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

Free-Learn

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