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

insertAdjacentText

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

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

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

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

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

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

Syntax

HTML 
node.insertAdjacentText(position, text)

afterbegin

HTML 
var h = document.getElementById("myH2");
h.insertAdjacentText("afterbegin", "My inserted text");
E
جرّب بنفسك

beforebegin

HTML 
var h = document.getElementById("myH2");
h.insertAdjacentText("beforebegin", "My inserted text");
جرّب بنفسك

beforeend

HTML 
var h = document.getElementById("myH2");
h.insertAdjacentText("beforeend", "My inserted text");
جرّب بنفسك

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