طريقة 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.insertAdjacentElement():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم الدعم