شرح صفوف ومحتوى الفقرة
- classList هي خاصية من خواص الDOM في لغة جافا سكريبت تسمح لنا بالتحكم في خصائص ال CSS لعنصر معين.
- JavaScript classList هي خاصية للقراءة فقط تقوم بأرجاع أسماء CSS classes
- خاصية classList هي مفيدة في مجموعة من الحالات مثل (add, remove , toggle ) لخصائص ال CSS لعنصر معين
- ترجع الخاصية className اسم classes في شكل نصوص، بينما ترجع خاصية classList في JavaScript اسم الفئات في شكل مصفوفة.
| Property / Method | Description |
| length | تستخدم في ارجاع عدد ال classes لعنصر معين |
| add(class1, class2, ...) | تستخدم في اضافة واحد او مجموعة من ال classes لعنصر معين في حالة قمت بأضافة class معين تمت اضافته مسبقا فسوف يتم تجاهله ولن يتم اضافته |
| contains(class) | تقوم بأرجاع قيمة boolean تدل علي وجود عنصر معين او لا true : تدل علي أن العنصر يحتوي علي class بأسم معين false : تدل علي ان العنصر لا يحتوي علي class بأسم معين |
| remove(class1, class2, ...) | تستخدم في حذف class معين من العنصر في حالة انك قمت بتحديد عنصر غير موجود ليتم حذفه فلن يحدث ذلك خطأ وسوف يتم تجاهله |
| item(index) | تستخدم في الوصول الي class معين عن طريق الفهرس index الخاص به كما ان اول class يبدا ال index الخاص به ب 0 |
Syntax
HTML
element.classList