كيف - أضف فصل
تعرف على كيفية إضافة اسم فئة إلى عنصر باستخدام JavaScript.
انقر فوق الزر لإضافة فصل لي!
إضافة فئة
الخطوة 1) أضف HTML:
أضف اسم فئة إلى عنصر div بالمعرف = "myDIV" (في هذا المثال ، نستخدم زرًا لإضافة الفئة).
مثال
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is a DIV element.
</div>
الخطوة 2) أضف CSS:
نمط اسم الفئة المحدد:
مثال
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
الخطوة 3) أضف JavaScript:
احصل على عنصر <div> بالمعرف = "myDIV" وأضف فئة "mystyle" إليه:
مثال
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
نصيحة: راجع أيضًا كيفية تبديل الفصل .
نصيحة: راجع أيضًا كيفية إزالة فصل دراسي .
نصيحة: تعرف على المزيد حول خاصية classList في مرجع JavaScript الخاص بنا.
نصيحة: تعرف على المزيد حول خاصية className في مرجع JavaScript الخاص بنا.