Cara mengubah kelas

Belajar cara mengubah nama kelas elemen menggunakan JavaScript.

Ini adalah DIV.

Ubah kelas

Ubah kelas elemen <div> dari "mystyle" diubah menjadi "newone"

<div id="myDIV" class="mystyle">
Ini adalah elemen DIV.
</div>
<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // Mendapatkan elemen DIV
  element.classList.remove("mystyle"); // Menghapus kelas mystyle dari DIV
  element.classList.add("newone"); // Menambahkan kelas newone ke DIV
}
</script>

coba sendiri

halaman yang relevan

Panduan:Bagaimana untuk berubah kelas

Referensi buku referensi:Properti classList HTML DOM Element