Kurs önerileri：

Sınıf eklemek nasıl yapılır

JavaScript kullanarak elemente sınıf eklemeyi öğrenin.

Düğmeyi tıklayarak bana sınıf ekleyin!

Sınıf ekleyin

Birinci adım - HTML ekleyin： id="myDIV" div elementine ekleyin (örneğin, bu durumda, sınıfı eklemek için düğmeyi kullanıyoruz).

<button onclick="myFunction()">Deneyin</button>
<div id="myDIV">
  Bu, bir DIV elementidir.
</div>

İkinci adım - CSS ekleyin：

Belirtilen sınıf adının stillerini ayarlayın：

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

Üçüncü adım - JavaScript ekleyin：

Alın id="myDIV" <div> elementine ekleyin "mystyle" Sınıf：

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.add("mystyle");
}

Kişisel olarak deneyin

İlgili sayfalar

Eğitim：Nasıl sınıf değiştirilir

Eğitim：Nasıl sınıf silinir

Referans el kitabı：HTML DOM Element classList özelliği

Referans el kitabı：HTML DOM Element className özelliği