انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: خصائص للأدخال

insertAdjacentHTML

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

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

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

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

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


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

Syntax

HTML 
node.insertAdjacentHTML(position, text)

afterbegin

HTML 
h.insertAdjacentHTML("afterbegin", "<span style='color:red'>My span</span>");
جرّب بنفسك

beforebegin

HTML 
h.insertAdjacentHTML("beforebegin", "<span style='color:red'>My span</span>");
جرّب بنفسك

beforeend

HTML 
h.insertAdjacentHTML("beforeend", "<span style='color:red'>My span</span>");
جرّب بنفسك

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