Metode toggle Objek classList
Metode toggle objek classList
mengalihkan kelas CSS yang ditentukan dari elemen: menambahkan
kelas jika tidak ada dan menghapusnya jika ada.
Sintaks
elemen.classList.toggle(kelas);
Contoh
Dalam contoh ini, saat metode
toggle digunakan, kelas zzz akan dihapus, karena
sudah ada pada elemen:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Hasil eksekusi kode:
<p id="elem" class="www ggg"></p>
Contoh
Dalam contoh ini, saat metode
toggle digunakan, kelas zzz akan ditambahkan, karena
kelas tersebut tidak ada pada elemen:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Hasil eksekusi kode:
<p id="elem" class="www ggg zzz"></p>
Lihat juga
-
metode
classList.add,
yang menambahkan kelas yang ditentukan -
metode
classList.remove,
yang menghapus kelas yang ditentukan -
metode
classList.contains,
yang memeriksa kelas yang ditentukan
