Nasıl Yapılır - Bir Sınıfı Kaldırma
JavaScript ile bir öğeden sınıf adının nasıl kaldırılacağını öğrenin.
Benden bir sınıfı kaldırmak için düğmeye tıklayın!
Sınıfı Kaldır
Adım 1) HTML'yi ekleyin:
Bu örnekte, id="myDIV" ile <div> öğesinden "mystyle" sınıfını kaldırmak için bir düğme kullanacağız:
Örnek
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Adım 2) CSS'yi ekleyin:
Belirtilen sınıf adını stilize edin:
Örnek
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Adım 3) JavaScript'i ekleyin:
id="myDIV" ile <div> öğesini alın ve ondan "mystyle" sınıfını kaldırın:
Örnek
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
İpucu: Ayrıca Bir Sınıf Nasıl Değiştirilir konusuna bakın .
İpucu: Ayrıca, Sınıf Nasıl Eklenir konusuna bakın .
İpucu: JavaScript Referansımızda classList özelliği hakkında daha fazla bilgi edinin .
İpucu: JavaScript Referansımızda className özelliği hakkında daha fazla bilgi edinin .