الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .highlight { background: lightskyblue; padding: 10px; } </style> </head> <body> <h1>JS Check If Element Has Class</h1> <p>You can use the "classList.contains()" method to check whether the element has a custom class or not.</p> <p id="demo" class="highlight">I am using the highlight class.</p> <script> // element في متغير إسمه demo يساوي id هنا قمنا بتخزين العنصر الذي يملك var element = document.getElementById('demo'); // أم لا highlight و معرفة ما إن كان يستخدم الكلاس element هنا قمنا بفحص العنصر الذي يمثله المتغير // لأنه يستخدم هذا الكلاس true و التي في حالتنا ستكون result نتيجة الفحص قمنا بتخزينها في المتغير var result = element.classList.contains('highlight'); // في آخر الصفحة result هنا قمنا بطباعة قيمة المتغير document.write(`result = ${result}`); </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود