Nasıl Yapılır - Sınıf Ekleme
JavaScript ile bir öğeye nasıl sınıf adı ekleyeceğinizi öğrenin.
Bana bir sınıf eklemek için düğmeye tıklayın!
Sınıf Ekle
Adım 1) HTML'yi ekleyin:
id="myDIV" ile div öğesine bir sınıf adı ekleyin (bu örnekte sınıfı eklemek 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:
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 ona "mystyle" sınıfını ekleyin:
Örnek
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
İpucu: Ayrıca Bir Sınıf Nasıl Değiştirilir 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 .
İpucu: JavaScript Referansımızda className özelliği hakkında daha fazla bilgi edinin .