حدد هذا المنشور طريقة البحث عن معرف كائن في مصفوفة من كائنات JavaScript.
ما هي طريقة append () في JavaScript؟
ال ' ألحق() 'في JavaScript لإدراج العناصر أو كائنات السلسلة في نهاية العنصر. هذه إحدى أكثر الطرق فائدة لإضافة العنصر المطلوب في الموضع المحدد في نهاية العنصر.
كيف تستخدم طريقة append () في JavaScript؟
لاستخدام وظيفة append () في JavaScript ، اتبع الصيغة المذكورة أدناه:
$ ( محدد ) . ألحق ( المحتوى ، الوظيفة ( فهرس ، أتش تي أم أل ) )
هنا:
- ' محدد 'هو عنصر HTML الذي يتم الوصول إليه.
- ' ألحق() 'طريقة تستخدم لإلحاق العنصر.
- ' محتوى 'هو المعلمة المطلوبة ، والتي تحدد محتوى البيانات المطلوب إلحاقه.
- ' وظيفة() 'عنصر اختياري.
مثال 1: إلحاق نفس العنصر في فقرة
لإلحاق نفس العناصر في فقرة ، أولاً ، افتح صفحة HTML ذات الصلة واستخدم ' 'لتضمين البيانات بين العلامة. علاوة على ذلك ، قم بتعيين ' بطاقة تعريف 'إلى الفقرة للوصول إليها في JavaScript:
< ع معرف = 'عنصر' > مرحبًا بك في Linuxhint ص >
بعد ذلك ، أنشئ زرًا بمساعدة ' <زر> 'واستخدم' فصل 'لتحديد اسم معين وتضمين النص مع عنصر الزر لعرضه على الزر:
< زر فصل = 'btn' > إلحاق عنصر زر >الآن ، استخدم ' 'لإضافة شفرة جافا سكريبت:
< النصي >
$ ( وثيقة ) . مستعد ( وظيفة ( ) {
$ ( '.btn' ) . انقر ( وظيفة ( ) {
$ ( '#عنصر' ) . ألحق ( 'إلحاق نص عند النقر فوق الزر' ) ؛
} ) ؛
} ) ؛
النصي >
وفقًا للكود المعطى:
- ' مستعد() 'يتم استخدام طريقة' لإتاحة الوظيفة عند تحميل المستند على الشاشة بنجاح. للقيام بذلك ، مرر ' وظيفة() 'كمعامل.
- ' انقر() 'عندما ينقر المستخدم على عنصر زر HTML. تحدد هذه الطريقة تنفيذ النقرة عندما يضغط المستخدم على الزر.
- ' ألحق() 'يقوم الأسلوب بإدراج مجموعة من العناصر بعد تنفيذ' انقر() ' طريقة. لهذا الغرض ، قم بتمرير النص الذي يجب إلحاقه.
انتاج |
مثال 2: إلحاق عناصر مختلفة في نموذج قائمة
يمكنك إلحاق العناصر المختلفة في شكل قائمة. للقيام بذلك ، أنشئ صفحة HTML وضمّن نصًا بمساعدة ' ' بطاقة شعار:
< ع معرف = 'ألحق' > JavaScript إلحاق ( ) وظيفة ص >قم بعمل زر باستخدام زر ' <زر> 'واستخدم' عند النقر 'الذي يحدث عندما ينقر المستخدم على عنصر HTML:
< زر عند النقر = 'func ()' > إلحاق العناصر زر >أنشئ حاوية div وعيّن معرفًا لتلك الحاوية باستخدام ' بطاقة تعريف ' يصف. بعد ذلك ، أضف العناصر بمساعدة ' ' بطاقة شعار:
< معرف شعبة = 'عنصر أكثر' >< ص > عنصر 1 ص >
< ص > عنصر 2 ص >
شعبة >
بعد ذلك ، استخدم ' 'وأضف الكود التالي بين العلامة:
< النصي >فار العنصر = 3 ؛
وظيفة func ( ) {
كان أحد الوالدين = وثيقة. getElementById ( 'عنصر أكثر' ) ؛
كان عنصرًا جديدًا = '
العنصر'
+ رقم العنصر + '' ؛الأبوين. insertAdjacentHTML ( 'قبل نهاية' ، والعنصر ) ؛
رقم العنصر ++ ؛
}
النصي >
في الكود المذكور أعلاه:
- قم بتعريف متغير باستخدام ' كان 'الكلمة الأساسية وتعيين قيمة لها وفقًا لتفضيلاتك.
- تحديد وظيفة وتهيئة متغير آخر داخل الوظيفة المحددة باسم معين.
- ثم ، استدعي ' getElementById () 'طريقة JavaScript للوصول إلى العنصر وتمرير قيمة id كمعامل.
- ' insertAdjacentHTML () 'يتم استخدام طريقة' لإضافة كود HTML في موضع محدد وإضافة العنصر المجاور لبعضه البعض.
- استخدم عامل الزيادة لعمل زيادة في العنصر:
لقد تعرفت على استخدام طريقة append () في JavaScript مع أمثلة مختلفة.
خاتمة
' ألحق() 'هي طريقة JavaScript تُستخدم لإدراج العنصر والكائنات في نهاية العنصر المحدد. يمكنك إلحاق نفس العنصر وعناصر مختلفة في شكل فقرات وقوائم. وبشكل أكثر تحديدًا ، يمكن تشغيله بنقرة زر. أظهر هذا المنشور طريقة append () في JavaScript.