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

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

توسط

۱۳۹۹-۱۲-۱۷

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

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

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

Free-Learn

آنچه در این جلسه میخوانید :

1 متد importNode در DOM جاوااسکریپت
2 مثال از این متد
3 پشتیبانی مرورگرها
4 شکل نوشتاری
5 جدول پارامترها
6 نکات و توضیحات

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

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

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

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

Free-Learn

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

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

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

<script>

function My_Import() {
 var frame , myH2 , a;
 frame = document.getElementsByTagName("IFRAME")[0];
 myH2 = frame.contentWindow.document.getElementsByTagName("H2")[0];
 a = document.importNode( myH2, true );
 document.body.appendChild(a);
}

</script>

function My_Import() {

var frame , myH2 , a;

frame = document.getElementsByTagName("IFRAME")[0];

myH2 = frame.contentWindow.document.getElementsByTagName("H2")[0];

a = document.importNode( myH2, true );

document.body.appendChild(a);

}

</script>

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

document.importNode( Node_Name , deep );

1	document.importNode( Node_Name , deep );

Free-Learn

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

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

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

Free-Learn

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

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

Free-Learn

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