كيف - تبديل الفصل
قم بالتبديل بين إضافة وإزالة اسم فئة من عنصر باستخدام 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.toggle("mystyle");
}
نصيحة: راجع أيضًا كيفية إضافة فصل .
نصيحة: راجع أيضًا كيفية إزالة فصل دراسي .
نصيحة: تعرف على المزيد حول خاصية classList في مرجع JavaScript الخاص بنا.