كيف - حذف فصل
تعرف على كيفية إزالة اسم فئة من عنصر باستخدام JavaScript.
انقر فوق الزر لإزالة فئة مني!
إزالة الفصل
الخطوة 1) أضف HTML:
في هذا المثال ، سنستخدم زرًا لإزالة فئة "mystyle" من عنصر <div> مع id = "myDIV":
مثال
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
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.remove("mystyle");
}
نصيحة: راجع أيضًا كيفية تبديل الفصل .
نصيحة: راجع أيضًا كيفية إضافة فصل .
نصيحة: تعرف على المزيد حول خاصية classList في مرجع JavaScript الخاص بنا.
نصيحة: تعرف على المزيد حول خاصية className في مرجع JavaScript الخاص بنا.