مثال
الحصول على جميع العناصر مع اسم الفئة المحددة:
var x =
document.getElementsByClassName("example");
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و getElementsByClassName() الأسلوب بإرجاع مجموعة من كافة العناصر في وثيقة مع اسم الفئة المحددة، ككائن NodeList.
يمثل الكائن NodeList مجموعة من العقد. العقد يمكن الوصول إليها عن طريق الأرقام القياسية. يبدأ المؤشر عند 0.
نصيحة: يمكنك استخدام طول خاصية الكائن NodeList لتحديد عدد من العناصر مع اسم فئة محددة، ثم يمكنك تنفيذ حلقات عبر كافة العناصر واستخراج المعلومات التي تريدها.
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| getElementsByClassName() | 4.0 | تسعة | 3.0 | 3.1 | 9.5 |
بناء الجملة
document.getElementsByClassName( classname )قيم معلمة
| معامل | اكتب | وصف |
|---|---|---|
| classname | String | مطلوب. اسم الفئة من العناصر التي تريد الحصول عليها. للبحث عن أسماء فئة متعددة، بفصلها باستخدام مسافات، مثل "test demo" . |
تفاصيل تقنية
| صفحة DOM: | المستوى الأساسي كائن 1 الوثيقة |
|---|---|
| قيمة الإرجاع: | كائن NodeList، تمثل مجموعة من العناصر مع اسم الفئة المحددة. يتم فرز العناصر في المجموعة عاد كما تظهر في شفرة المصدر. |
مزيد من الأمثلة
مثال
الحصول على جميع العناصر مع كل من "example" و "color" فئات هي:
var x =
document.getElementsByClassName("example color"); انها محاولة لنفسك » مثال
معرفة كيفية العديد من العناصر مع الطبقة = "المثال" هناك في وثيقة (باستخدام الخاصية طول الكائن NodeList):
var x =
document.getElementsByClassName("example").length; انها محاولة لنفسك » مثال
تغيير لون الخلفية من كل العناصر مع الطبقة = "مثال":
var x = document.getElementsByClassName("example");
var i;
for (i = 0;
i < x.length; i++) {
x[i].style.backgroundColor =
"red";
} انها محاولة لنفسك » صفحات ذات صلة
CSS دروس: CSS المختارون
CSS المرجعي: CSS. الطبقة محدد
HTML DOM المرجعي: العنصر. getElementsByClassName()
HTML DOM المرجعي: className Property
HTML DOM المرجعي: classList Property
HTML DOM المرجعي: نمط كائن