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

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

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

Free-Learn

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

با استفاده از متد ()cloneNode میتونیم یک کپی ( یا کلون یا Clone ) ( یا مثلا کپی برابر اصل ) از روی یک گره بگیریم.

وقتی کپی رو گرفتیم میتونیم با استفاده از متد ()appendChild اون نسخه ی کپی شده رو در صفحه به نمایش درآوریم.

مقدار برگشتی برگشت شئ گره ای که کلون یا کپی گرفته شده
نسخه DOM Core Level 1 Node Object

Free-Learn

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

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

مثال شماره ۱ : در این مثال میخوایم فقط از خوده تگ ( گره ) div کپی بگیریم ( یعنی اگه تگی ( فرزندی ) چیزی داخلش باشه ازش کپی نمیگیره )

امتحان کنید

مثال شماره ۲ : در این مثال میخوایم هم از خوده تگ div و هم از فرزندانش ( یعنی هرچی داخلش باشه ) کپی بگیریم.

امتحان کنید

Free-Learn

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

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

نام متد Chrome Firefox Opera Safari IE
()cloneNode بله بله بله بله بله

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

مقدار توضیح
deep اختیاری – مشخص میکند که آیا از همه فرزندان گره کپی گرفته شود یا خیر
true : یعنی بله از فرزندان هم کپی گرفته شود
false : یعنی خیر ، فقط از خوده گره کپی بگیر ( گزینه پیش فرض )

Free-Learn

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

  • همیشه با استفاده از متد ()appendChild میتونیم گره ( تگ هارو ) به صفحه یا یک مکان مشخص شده ( مثلا درون یک تگ خاص ) درج یا اضافه نماییم.
  • پارامتر deep همیشه ۱ مقدار میتونه بگیره، یا true یا false ، اگه true باشه یعنی از خوده تگ و فرزندانش کپی میگیره و اگه false باشه یعنی فقط از خوده تگ کپی میگیره.

Free-Learn

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