این آموزش در تاریخ ۱۴۰۱/۰۴/۲۹ آپدیت شده است.
آموزش متد importNode در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد importNode در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد importNode در DOM جاوااسکریپت
با استفاده از متد ()importNode همونطور که از اسمشم مشخصه، میتونیم یک گره ( Node ) رو از یک صفحه به صفحه دیگر وارد یا ( Import ) کنیم.
این متد ۲ پارامتر میگیره ، اولین پارامتر اون گره / تگی هست که قراره وارد شه و دومین پارامتر مشخص میکنه که آیا فقط خوده گره وارد شه یا فرزندان گره هم وارد شن.
| مقدار برگشتی | برگشت شئ گره ای که وارد شده |
|---|---|
| نسخه DOM | DOM Level 2 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه، تگ h2 موجود در Iframe رو وارد صفحه فعلی خودمون کنیم. ( یعنی عملا مثه اینه که میخوایم یک تگ رو از یک صفحه دیگه بگیریم و بیاریم تو صفحه فعلی خودمون )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script> function My_Import(){ var MyFrame , MyH2 , MyImport; // گرفتن تگ آی فریم از صفحه MyFrame = document.getElementsByTagName("IFRAME")[0]; // گرفتن تگ اچ2 از داخل آی فریم MyH2 = MyFrame.contentWindow.document.getElementsByTagName("H2")[0]; // گرفتن / وارد کردن تگ اچ2 MyImport = document.importNode( MyH2, true ); // قرار دادن چیزی که وارد شده در صفحه document.body.appendChild(MyImport); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()importNode | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.importNode( Node_Name , deep ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Node_Name | ضروری – نام اون گره یا تگی که قراره وارد شه |
| deep | ضروری – ۲ مقدار میتونه بگیره : true : گره بهمراه فرزندانش وارد میشه false : فقط خوده گره وارد میشه |
Free-Learn
نکات و توضیحات
- با استفاده از متد importNode وقتی گره از صفحه مبدا به صفحه مقصد وارد میشه، در جای خودش ( صفحه مبدا ) باقی میمونه و فقط یک کپی برابر اصل ازش گرفته میشه و به صفحه مقصد انتقال داده میشه.
- ولی با استفاده از متد ()adoptNode میتونیم یک گره رو بطور کامل انتقال بدیم ( یعنی دیگه تو صفحه مبدا باقی نمی مونه )
