HTML DOM getElementsByClassName() Method

<كائن العنصر

مثال

تغيير نص البند الأول قائمة مع الطبقة = "الطفل" (index 0) في قائمة مع الطبقة = "مثال":

var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";

قبل تغيير النص:

Coffee
Tea

بعد تغيير النص:

Milk
Tea

انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

و getElementsByClassName() الأسلوب بإرجاع مجموعة من العناصر التابعة عنصر مع اسم الفئة المحدد، ككائن NodeList.

يمثل الكائن NodeList مجموعة من العقد. العقد يمكن الوصول إليها عن طريق الأرقام القياسية. يبدأ المؤشر عند 0.

نصيحة: يمكنك استخدام طول خاصية الكائن NodeList لتحديد عدد من العقد التابعة مع اسم الفئة المحددة، ثم يمكنك يتكرر خلال كافة العقد واستخراج المعلومات التي تريدها.

دعم المتصفح

الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل الأسلوب.

طريقة
getElementsByClassName()	4.0	تسعة	3.0	3.1	9.5

بناء الجملة

element .getElementsByClassName( classname )

قيم معلمة

معامل	اكتب	وصف
classname	String	مطلوب. اسم الفئة الطفل العناصر التي تريد الحصول عليها. للبحث عن أسماء فئة متعددة، بفصلها باستخدام مسافات، مثل "child color" .

تفاصيل تقنية

صفحة DOM:	مستوى الأساسية 1 كائن العنصر
قيمة الإرجاع:	كائن NodeList، يمثل مجموعة من العناصر التابعة العناصر "مع اسم الفئة المحدد. يتم فرز العناصر في المجموعة عاد كما تظهر في شفرة المصدر.

مزيد من الأمثلة

مثال

تغيير لون الخلفية للعنصر الثاني مع الطبقة = "الطفل" من داخل <div> العنصر:

var x = document.getElementById("myDIV");
x.getElementsByClassName("child")[1].style.backgroundColor = "red";

انها محاولة لنفسك »

مثال

معرفة كيفية العديد من العناصر مع الطبقة = "الطفل" هناك من داخل <div> عنصر (باستخدام الخاصية طول الكائن NodeList):

var x = document.getElementById("myDIV").getElementsByClassName("child").length;

ونتيجة لالعاشر على النحو التالي:

انها محاولة لنفسك »

مثال

تغيير لون الخلفية للعنصر الأول مع كل من "child" و "color" الطبقة داخل عنصر مع الطبقة = "مثال":

var x = document.getElementsByClassName("example")[1];
x.getElementsByClassName("child color")[0].style.backgroundColor = "red";

انها محاولة لنفسك »

مثال

تغيير لون الخلفية من كل العناصر مع الطبقة = "الطفل" من داخل <div> العنصر:

var x = document.getElementById("myDIV");
var y = x.getElementsByClassName("child");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

انها محاولة لنفسك »