الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .highlight { background: lightskyblue; padding: 10px; } .highlight-border { border-left: 3px solid cornflowerblue; } </style> </head> <body> <h1>JS Remove Multiple CSS Classes</h1> <p>You can use the "classList.remove()" method to remove multiple css classes from the element.</p> <p id="demo" class="highlight 'highlight-border">I don't use the highlight and the highlight-border classes anymore.</p> <script> // element في متغير إسمه demo يساوي id هنا قمنا بتخزين العنصر الذي يملك var element = document.getElementById('demo'); // element من العنصر الذي يمثله المتغير highlight-border و highlight هنا قمنا بإزالة الكلاس element.classList.remove('highlight', 'highlight-border'); </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود