مетод insertAdjacentText() عنصر DOM HTML

تعریف و استفاده

insertAdjacentText() این روش متن را در مکان مشخص شده اضافه می‌کند.

محل‌های مجاز:

مقدار توضیح
afterbegin پس از شروع عنصر (اولین فرزند).
afterend در انتهای عنصر.
beforebegin در ابتدای عنصر.
beforeend قبل از پایان عنصر (آخرین فرزند).

مثال

مثال 1

در عناصر عنوان پس از اضافه کردن متن:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

خودتان امتحان کنید

مثال 2

استفاده از "afterbegin":

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

خودتان امتحان کنید

مثال 3

استفاده از "beforebegin":

h2.insertAdjacentText("beforebegin", text);

خودتان امتحان کنید

مثال 4

استفاده از "beforeend":

h2.insertAdjacentText("beforeend", text);

خودتان امتحان کنید

نحوه استفاده

element.insertAdjacentText(position, text)

یا

node.insertAdjacentText(position, text)

پارامتر

پارامتر توضیح
position

ضروری. مکان نسبت به عنصر:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text متنی که می‌خواهید اضافه کنید.

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

همه مرورگرها از این پشتیبانی می‌کنند element.insertAjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی