مетод HTML DOM Element insertAdjacentElement()

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

insertAdjacentElement() این روش عنصر را در موقعیت مشخصی قرار می‌دهد.

موقعیت‌های مجاز:

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

مثال

مثال 1

یک عنصر span را در پس از عنوان قرار دهید:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

آزمایش کنید

مثال 2

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

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

آزمایش کنید

مثال 3

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

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

آزمایش کنید

مثال 4

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

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

آزمایش کنید

نحوه استفاده

element.insertAdjacentElement(position, element)

یا

node.insertAdjacentElement(position, element)

پارامترها

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

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

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element عنصر مورد نظر برای اضافه کردن.

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

همه مرورگرها پشتیبانی می‌کنند element.insertAjacentElement():

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