Sınıfı nasıl silmek

JavaScript ile elementten sınıfı nasıl sileceğinizi öğrenin.

Düğmeye tıklayarak buradan bir sınıfı silin!

Sınıfı sil

İlk adım - HTML ekleyin:

Bu örnekte, bir düğmeye tıklayarak id="myDIV" <div> element'inden çıkarın "mystyle" Sınıf:

<button onclick="myFunction()">Deneyin</button>
<div id="myDIV" class="mystyle">
  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> element'inden çıkarın "mystyle" Sınıf:

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

Kişisel olarak deneyin

İlgili sayfalar

Eğitim materyali:How to switch class

Eğitim materyali:How to add class

İlgili el kitabı:HTML DOM Element classList attribute

İlgili el kitabı:HTML DOM Element className attribute