توفر هذه المقالة الإجراء الخاص باسترداد معرف عنصر الربط داخل عنصر القائمة في JavaScript.
كيفية استرداد معرف المرساة داخل عنصر القائمة في JavaScript؟
سمة المعرف لعنصر ما هي معرف فريد يمكن استخدامه لمعالجة هذا العنصر واستخدامه في وظيفة JavaScript. يمكن للمستخدمين الحصول على العنصر باستخدام معرفه من خلال طرق مختلفة. ومع ذلك، قد يكون من الصعب استرداد معرف عنصر HTML. ومع ذلك، قد يكون من الصعب بعض الشيء استرداد سمة المعرف لعنصر HTML.
وبالمثل، في حالة العناصر الأساسية داخل ' قائمة الاغراض '، لا يمكن للمستخدم الاتصال مباشرة بعنصر الربط والحصول على معرفه لأنه سيكون هناك عناصر ربط متعددة لأنها موجودة في القائمة. في هذه الحالة، يوضح العرض التوضيحي الموضح أدناه كيفية استرداد معرف عنصر الربط داخل عنصر القائمة:
< لغة البرمجة >
< جسم >
< شعبة >
< ماي بطاقة تعريف = 'قائمة' >
< الذي - التي >
< أ بطاقة تعريف = 'مرساة 1' href = '#' > عنصر الربط 1 < / أ >
< / الذي - التي >
< الذي - التي >
< أ بطاقة تعريف = 'مرساة 2' href = '#' > عنصر الربط 2 < / أ >
< / الذي - التي >
< الذي - التي >
< أ بطاقة تعريف = 'مرساة 3' href = '#' > عنصر الربط 3 < / أ >
< / الذي - التي >
< / ماي >
< / شعبة >
< ص > انقر فوق الزر أدناه للحصول على معرفات العناصر الأساسية من القائمة أعلاه! < / ص >
< زر عند النقر = 'دالتي ()' > الحصول على معرفات < / زر >
< ص بطاقة تعريف = 'جذر' >< / ص >
< النصي >
الدالة myFunction() {
Let listItems = document.querySelectorAll('#list a[id]');
من أجل (دع i = 0؛ i
يترك بطاقة تعريف = قائمة المواد [ أنا ] . بطاقة تعريف ;
document.getElementById ( 'جذر' ) .innerHTML + =
'معرف العنصر الأساسي' + ( أنا + 1 ) + ' يكون: ' + بطاقة تعريف + '
';
}
}
< / النصي >
< / جسم >
< / لغة البرمجة >
شرح الكود أعلاه هو كما يلي:
- قائمة غير مرتبة بمعرف ' قائمة 'يتم إنشاؤه واحتوائه داخل' <ديف> العلامات.
- يتم إنشاء ثلاث علامات ربط ضمن عناصر القائمة ويتم تزويدها بمعرفات ' مرساة1 '،' مرساة2 '، و ' مرساة3 ' على التوالى.
- التالي '' <ص> يتم إنشاء العنصر ويحتوي على بعض محتوى النص.
- بعد ذلك، يتم إنشاء عنصر الزر باستخدام ' <زر> العلامات. ال ' عند النقر() 'يتم توفير سمة الزر مع وظيفة تسمى' دالتي () '.
- فارغ ' <ص> 'العنصر ذو المعرف' ل ' أنشئ.
- التالي داخل “ <النص البرمجي> 'العلامات، وظيفة تسمى' دالتي () ' أنشئ.
- يوجد داخل الدالة ثابت يسمى ' قائمة المواد ' أنشئ.
- يتم تزويد هذا الثابت بمعرفات جميع عناصر الربط باستخدام ' document.querySelectorAll() ' طريقة. يتم تزويد هذه الطريقة بمعرف القائمة واستعلام ' يساعد] '.
- ثم ' ل 'يتم إنشاء حلقة للتكرار عبر' قائمة المواد ' ثابت.
- تتم بعد ذلك طباعة معرفات عناصر الربط في مكان ' ص 'العنصر ذو المعرف' ل '. ويتم ذلك باستخدام ' document.getElementById().innerHTML ' طريقة.
انتاج:
من المخرجات أدناه، عناصر الربط موجودة في القائمة، ويمكن للمستخدم الحصول على معرفاتها من خلال النقر على ' الحصول على معرفات ' زر.
يتعلق الأمر كله باسترداد معرفات عناصر الربط داخل عناصر القائمة.
خاتمة
لاسترداد معرف عنصر الربط داخل عنصر القائمة، يمكن استخدام JavaScript المدمج ' document.querySelectorAll() ' يمكن استخدام الطريقة . بالإضافة إلى ذلك، يمكن طباعة المعرفات التي تم الحصول عليها لعناصر الربط هذه على صفحة الويب باستخدام JavaScript المدمج ' .innerHTML() ' طريقة. قدمت هذه المقالة الإجراء الخاص باسترداد معرف عنصر الربط داخل عنصر القائمة في JavaScript.