Cara - Menghapus Kelas
Pelajari cara menghapus nama kelas dari elemen dengan JavaScript.
Klik tombol untuk menghapus kelas dari saya!
Hapus Kelas
Langkah 1) Tambahkan HTML:
Dalam contoh ini, kita akan menggunakan tombol untuk menghapus kelas "mystyle" dari elemen <div> dengan id="myDIV":
Contoh
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Langkah 2) Tambahkan CSS:
Gaya nama kelas yang ditentukan:
Contoh
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Langkah 3) Tambahkan JavaScript:
Dapatkan elemen <div> dengan id="myDIV" dan hapus kelas "mystyle" darinya:
Contoh
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Tip: Lihat juga Cara Mengalihkan Kelas .
Tip: Lihat juga Cara Menambahkan Kelas .
Tip: Pelajari lebih lanjut tentang properti classList di Referensi JavaScript kami.
Tip: Pelajari lebih lanjut tentang properti className di Referensi JavaScript kami.