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

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

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()：

کروم آئی ای ایج فائرفاکس سافری آپریا
کروم آئی ای ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی