این آموزش در تاریخ ۱۴۰۱/۱۰/۰۹ آپدیت شده است.
آموزش متد adoptNode در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد adoptNode در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد adoptNode در DOM جاوااسکریپت
با استفاده از متد ()adoptNode میتونیم یک گره ( Node ) رو از یک صفحه به صفحه دیگه بطور کامل انتقال بدهیم.
این متد شبیه به متد importNode عمل میکند، ولی خب importNode یک کپی از گره میگیره ( یعنی گره فعلی بعد از انتقال بازم سرجاش میمونه ) ولی adoptNode بطور کامل گره رو انتقال میده ( دیگه گره سرجای قبلیش نمیمونه )
| مقدار برگشتی | برگشت اون گره ای که انتقال داده شده |
|---|---|
| نسخه DOM | DOM Level 3 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه، تگ h2 موجود در Iframe رو بگیریم و وارد صفحه فعلی خودمون کنیم. ( چون از adoptNode استفاده میکنم تگ h2 بعد از انتقال، در صفحه مبدا حذف خواهد شد )
|
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.adoptNode( MyH2 ); // قرار دادن چیزی که وارد شده در صفحه document.body.appendChild(MyImport); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()adoptNode | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.adoptNode( Node_Name ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Node_Name | ضروری – نام اون گره ای که قراره انتقال داده بشه ( هر نوع گره ای میتونه باشه ) |
Free-Learn
نکات و توضیحات
- با استفاده از متد ()importNode میتونیم یک کپی از گره بگیریم و انتقال بدیم، ولی متد adoptNode گره رو بطور کامل انتقال میده ( یعنی در صفحه مبدا گره حذف خواهد شد )
