Nasıl Yapılır - Sınıfı Değiştir
JavaScript ile bir öğeden sınıf adı ekleme ve çıkarma arasında geçiş yapın.
Sınıf adını değiştirmek için düğmeye tıklayın!
Sınıfı Değiştir
Adım 1) HTML'yi ekleyin:
id="myDIV" ile div öğesine bir sınıf adı ekleme arasında geçiş yapın (bu örnekte sınıf adını değiştirmek için bir düğme kullanıyoruz).
Örnek
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is a DIV element.
</div>
Adım 2) CSS'yi ekleyin:
Geçiş yapmak için bir sınıf adı ekleyin:
Ö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 "mystyle" sınıfı arasında geçiş yapın:
Örnek
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.toggle("mystyle");
}
İpucu: Ayrıca, Sınıf Nasıl Eklenir konusuna bakın .
İpucu: Ayrıca Bir Sınıf Nasıl Kaldırılır konusuna bakın .
İpucu: JavaScript Referansımızda classList özelliği hakkında daha fazla bilgi edinin .