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

javascriptelemen.classList.toggle(kelas);

Contoh

Dalam contoh ini, saat metode toggle digunakan, kelas zzz akan dihapus, karena sudah ada pada elemen:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Hasil eksekusi kode:

html<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:

html<p id="elem" class="www ggg"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Hasil eksekusi kode:

html<p id="elem" class="www ggg zzz"></p>

Lihat juga