طريقة getElementsByClassName() الخاصة بـ HTML DOM

مثلث Document HTML DOM

getElementByIdالطريقة يمكن أن تحصل على العناصر التي تحتوي على قيمة خاصية class محددة، وتعود القيمة هي مجموعة.

يُقسم العناصر في القائمة المنقولة حسب الترتيب الذي يظهر بهم في الكود المصدر.

يمكن الوصول إلى القائمة المنقولة باستخدام الرقم التسلسلي. يبدأ الرقم التسلسلي من 0.

باستخدامالطوليحدد العنصر الخاص بالخصائص المحددة اسم النوع المطلوب، ثم يمكن مرور جميع العناصر وإخراج المعلومات المطلوبة.

النظام اللغوي:

document.getElementById(class)

var x = document.getElementsByClassName("demo");

تطابق المتصفحات

دعمت جميع المتصفحات طريقة getElementById بشكل كامل:

قيمة الم 参数

تفاصيل التقنية

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

استخدام "demo" و "color" للحصول على جميع العناصر:

var x = document.getElementsByClassName("demo color");

استخدام class="demo" لتغيير لون الخلفية لجميع العناصر:

var x = document.getElementsByClassName("demo");
for(let i = 0; i < x.length; i++) {
　　　x[i].style.backgroundColor = "coral";
}

مراجع ذات صلة

DOM Document querySelector()الطريقة

DOM Document querySelectorAll()الطريقة

DOM Document getElementById()الطريقة

DOM Document getElementsByTagName()الطريقة

مثلث Document HTML DOM