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

إضافة الفئة

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

أضف الفئة إلى id="myDIV" عنصر div (في هذا المثال، نستخدم الزر لإضافة الفئة).

<button onclick="myFunction()">جربها</button>
<div id="myDIV">
  هذا عنصر 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.add("mystyle");
}

جربها بنفسك

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

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

دليل التدريب:كيفية الحذف الفئة

دليل الاستخدام:ملخص HTML DOM Element classList الخاصية

دليل الاستخدام:ملخص HTML DOM Element className الخاصية