يتم استخدام طريقة getElementsByClassName() لتحديد العناصر أو الحصول عليها من خلال قيمة اسم الفئة الخاصة بها. تقوم طريقة DOM هذه بإرجاع كائن يشبه المصفوفة يتكون من جميع العناصر التي لها اسم الفئة المحدد. عند استدعاء الأسلوب getElementsByClassName() على أي عنصر معين، فإنه سيتم البحث في المستند بأكمله وسيُرجع فقط تلك العناصر التي تطابق اسم الفئة المحدد أو المحدد.

بناء الجملة

 var ele=document.getELementsByClassName('name'); 

هنا، الاسم هو الوسيطة الإلزامية التي سيتم تمريرها. إنها السلسلة التي تحدد إما اسم فئة واحد أو أسماء فئات متعددة لمطابقتها.

مثال على طريقة getElementsByClassName()

دعونا نلقي نظرة على بعض الأمثلة لمعرفة وفهم التنفيذ العملي لهذه الطريقة.

مثال

إنه تطبيق بسيط للفئة يُرجع كائنًا يشبه المصفوفة عند استدعاء المتغير x.

 <h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName(&apos;Class&apos;); document.write(&apos;On calling x, it will return an arrsy-like object: <br>&apos;+x); 

انتاج:

النوم في شبيبة

وبالمثل، يمكننا تنفيذ طريقة getElementsByClassName() لإرجاع مجموعات من العناصر لفئات متعددة.

الفرق بين طرق getElementsByClassName() و querySelector() و querySelectorAll()

getElementsByClassName(): يقوم بمطابقة العناصر مع اسم الفئة المحدد، وإرجاع مجموعة من العناصر المطابقة. العناصر التي تم إرجاعها عبارة عن مجموعة عناصر HTML مباشرة. يمكن تحديث هذه العناصر المباشرة بشكل أكبر إذا تم إجراء أي تغييرات في نموذج كائن المستند.

محدد الاستعلام (): تقوم بإرجاع عنصر واحد فقط يطابق اسم الفئة المحدد. إذا لم يتم العثور على أي عنصر مطابق، فسيتم إرجاعه فارغًا.

النقطة الأساسية التي يجب فهمها هي أن جميع الطرق الموضحة أعلاه تُرجع إما عنصرًا واحدًا أو قائمة، لكن طريقة getELEmentsByClassName() تخدم متحرك التحديث، والطريقتان الأخريان تخدمان ثابتة .