Bagaimana untuk beralih kelas

Beralih kelas

Tahap pertama - Tambahkan HTML:

Dalam menambahkan nama kelas ke id="myDIV" antara elemen div (dalam contoh ini, kami menggunakan tombol untuk beralih nama kelas).

<button onclick="myFunction()">Coba</button>
<div id="myDIV">
  Ini adalah elemen DIV.
</div>

Tahap kedua - Tambahkan CSS:

Tambahkan nama kelas untuk beralih:

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

Tahap ketiga - Tambahkan JavaScript:

ambil id="myDIV" elemen <div>, dan "mystyle" Beralih antara kelas:

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

Coba sendiri

Halaman yang berhubungan

Tutorial:Bagaimana menambahkan kelas

Tutorial:Bagaimana menghapus kelas

Referensi:Properti classList HTML DOM Element