كيفية إزالة الفئة

إزالة الفئة

الخطوة الأولى - إضافة HTML:

في هذا المثال، سنستخدم زرًا لإزالة فئة من id="myDIV" من عنصر <div>، وإزالة "mystyle" الفئة:

<button onclick="myFunction()">جربها</button>
<div id="myDIV" class="mystyle">
  هذا عنصر DIV.
</div>

الخطوة الثانية - إضافة CSS:

تعيين النمط للفئة المحددة:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

الخطوة الثالثة - إضافة JavaScript:

الحصول id="myDIV" من عنصر <div>، وإزالة "mystyle" الفئة:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}

جربها بنفسك

الصفحات ذات الصلة

دليل التدريب:كيفية التبديل إلى الفئة

دليل التدريب:كيفية إضافة الفئة

دليل الاستخدام:خصائص classList للعنصر DOM HTML

دليل الاستخدام:خصائص className للعنصر DOM HTML