انتقل إلى محتوى الدرس

insertAdjacentElement

في هذا الدرس سوف نتعرف علي مجموعة من الخواص التي نستخدمها في إضافة عناصر جديدة الي مستند الأكواد الخاص بالمشروع ونستطيع ايضا من خلال هذه العناصر تحديد المكان الذي نريد اضافة هذه العناصر اليه 

1 صفوف تعليمية
جافا سكريبت
2,516 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم الدالة ( )insertAdjacentElement في أضافة عنصر جديد الي مستند الأكواد ونقوم بتحديد موقع هذه العنصر عن طريق مجموعة من ال parameters التي يمكننا تمريرها الي هذه الدالة وهم 

  • "afterbegin" : تضع العنصر بداخل عنصر أخر تقوم بتحديده وتقوم بتعيينه ك أول عنصر فرعي first child لهذا العنصر 
  • "beforeend" : تضع العنصر بداخل عنصر أخر تقوم بتحديده وتقوم بتعيينه ك اخر عنصر فرعي last child لهذا العنصر 
  • "afterend" : تقوم بوضع العنصر بعد عنصر معين 
  • "beforebegin" : تستخدم في وضع العنصر قبل عنصر معين 

Syntax

HTML
node.insertAdjacentElement(position, element)

afterbeend

HTML
var s = document.getElementById("d1");
			var h = document.getElementById("head3");
			
			h.insertAdjacentElement("afterend", s);

beforebegin

HTML
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin", s);

جميع فقرات هذا الدرس (خصائص للأدخال)