Kaedah toggle bagi objek classList
Kaedah toggle bagi objek classList
menggantikan kelas CSS yang ditentukan bagi elemen: menambah
kelas jika tiada dan mengalih keluar jika ada.
Sintaks
elemen.classList.toggle(kelas);
Contoh
Dalam contoh ini, apabila kaedah
toggle digunakan, kelas zzz akan dialih keluar, kerana
ia sudah ada dalam elemen:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Hasil pelaksanaan kod:
<p id="elem" class="www ggg"></p>
Contoh
Dalam contoh ini, apabila kaedah
toggle digunakan, kelas zzz akan ditambah, kerana
ia tiada dalam elemen:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Hasil pelaksanaan kod:
<p id="elem" class="www ggg zzz"></p>
Lihat juga
-
kaedah
classList.add,
yang menambah kelas yang ditentukan -
kaedah
classList.remove,
yang mengalih keluar kelas yang ditentukan -
kaedah
classList.contains,
yang menyemak kelas yang ditentukan
