Bagaimana menghapus kelas

Hapus Klas

Langkah Pertama - Tambahkan HTML：

Dalam contoh ini, kita akan menggunakan tombol untuk menghapus suatu kelas dari id="myDIV" element <div> dan hapus "mystyle" Kelas：

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

Langkah Kedua - Tambahkan CSS：

Atur gaya untuk nama kelas yang ditentukan：

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

Langkah Ketiga - Tambahkan JavaScript：

ambil id="myDIV" element <div> dan hapus "mystyle" Kelas：

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

Coba Sendiri

Halaman Terkait

Panduan：Bagaimana mengganti kelas

Panduan：Bagaimana menambahkan kelas

Panduan Referensi：Properti classList HTML DOM Element

Panduan Referensi：Properti className HTML DOM Element