English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
العنصر.getElementsByClassName()يتم إنشاء دالة تحتوي على جميع العناصر الابنية التي تحتوي على اسم فئة معين. عند التطبيق على عنصر document، سيتم البحث في جميع مستند DOM، بما في ذلك العنصر الجذر. يمكنك أيضًا تطبيق دالة getElementsByClassName() على أي عنصر، وستعيد أيضًا جميع العناصر الابنية التي تحتوي على اسم فئة معين، ولكن ستكون العناصر الابنية تبدأ من العنصر الحالي كعنصر جذور.
يتم ترتيب العناصر في القائمة المعدة وفقًا للترتيب التي ظهرت بها في الكود المصدر.
يمكنك الوصول إلى العناصر في القائمة المعدة باستخدام الرقم المطلق. تبدأ الرقم من 0.
استخدامlengthالخصائص تحدد عدد العناصر الابنية التي تحتوي على اسم فئة معين، ثم يمكنك تمرير جميع العناصر واستخراج المعلومات المطلوبة.
الdocument.getElementsByClassName()مبدأ عمل هذه الطريقة يشبه بشكل أساسي نفس الطريقة، ولكنها تعمل على جميع المستندات، تبدأ من جذور المستند.
element.getElementsByClassName(class)
var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";الاختبار لمعرفة‹/›دعم جميع المتصفحات الكاملة لطريقة getElementsByClassName():
| الطريقة | |||||
| getElementsByClassName() | نعم | نعم | نعم | نعم | نعم |
| الم参数 | وصف |
|---|---|
| class | اسم الفئة التي تريد الحصول على العناصر الفرعية لها. للبحث عن أكثر من اسم فئة، استخدم المسافات لفصلها، مثل “demo color”. |
| القيمة المنقولة: | يعود إلى عنصر شبيه بمجموعة العناصر الذي يحتوي على جميع الأنواع المحددة من الأنواع. |
|---|---|
| إصدار DOM: | مستوى DOM 1 |
تعليمية CSSنحو CSS
مرجع CSSCSS .classمحدد
مرجع DOM بلون HTMLخصائص className
مرجع DOM بلون HTMLخصائص classList
مرجع DOM بلون HTMLdocument.getElementsByClassName()الطريقة
مرجع DOM بلون HTMLالعنصر.getElementsByTagName()الطريقة