این آموزش در تاریخ ۱۴۰۱/۰۵/۲۴ آپدیت شده است.

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

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

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

Free-Learn

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

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

یعنی این متد ۲ پارامتر میگیره، پارامتر اول مکان قرار گیری را مشخص میکند و پارامتر دوم اون تگی که قرار است در مکان مشخص شده قرار بگیرد.

Free-Learn

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

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

مثال شماره ۱ : استفاده از ۴ مقدار ( afterbegin و afterend و beforebegin و beforeend )

امتحان کنید

Free-Learn

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

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

نام متد Chrome Firefox Opera Safari Edge
()insertAdjacentElement بله بله بله بله بله

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

مقدار توضیح
Position ضروری – مکان قرار گیری تگ را مشخص میکند
تنها مقادیر زیر قابل قبول می باشد
afterbegin : در داخل عنصر، به عنوان فرزند اول قرار میگیره
afterend : کلا بعد از عنصر قرار میگیره
beforebegin : در داخل عنصر، به عنوان فرزند آخر قرار میگیره
beforeend : کلا قبل از عنصر قرار میگیره
Element_Name ضروری – اون تگی که قراره انتقال داده بشه

Free-Learn

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

  • مقدار afterbegin تگ مورد نظر رو به داخل تگ مبدا و به عنوان فرزند اول اضافه میکنه
  • مقدار beforebegin تگ مورد نظر رو به داخل تگ مبدا و به عنوان فرزند آخر اضافه میکنه

Free-Learn

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