BAGAIMANA - Tambahkan Kelas
Pelajari cara menambahkan nama kelas ke elemen dengan JavaScript.
Klik tombol untuk menambahkan kelas ke saya!
Tambahkan Kelas
Langkah 1) Tambahkan HTML:
Tambahkan nama kelas ke elemen div dengan id="myDIV" (dalam contoh ini kami menggunakan tombol untuk menambahkan kelas).
Contoh
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
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 tambahkan kelas "mystyle" ke dalamnya:
Contoh
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
Tip: Lihat juga Cara Mengalihkan Kelas .
Tip: Lihat Juga Cara Menghapus Kelas .
Tip: Pelajari lebih lanjut tentang properti classList di Referensi JavaScript kami.
Tip: Pelajari lebih lanjut tentang properti className di Referensi JavaScript kami.