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

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

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

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

Free-Learn

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

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

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

Free-Learn

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

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

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

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

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

Free-Learn

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

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

Free-Learn

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