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

javascriptelemen.classList.toggle(kelas);

Contoh

Dalam contoh ini, apabila kaedah toggle digunakan, kelas zzz akan dialih keluar, kerana ia sudah ada dalam elemen:

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

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

Hasil pelaksanaan kod:

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

Contoh

Dalam contoh ini, apabila kaedah toggle digunakan, kelas zzz akan ditambah, kerana ia tiada dalam elemen:

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

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

Hasil pelaksanaan kod:

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

Lihat juga