classList වස්තුවේ toggle ක්රමය
classList වස්තුවේ toggle ක්රමය
අංගයක නිශ්චිත CSS පන්තිය ප්රත්යාවර්ත කරයි: පන්තිය නොමැති නම් එය එක් කරන අතර,
පවතී නම් ඉවත් කරයි.
වාග් රීතිය
element.classList.contains(class);
උදාහරණය
මෙම උදාහරණයේ, toggle ක්රමය භාවිතා කිරීමේදී
zzz පන්තිය අංගයේ දැනටමත් පවතින නිසා ඉවත් වේ:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem" class="www ggg"></p>
උදාහරණය
මෙම උදාහරණයේ, toggle ක්රමය භාවිතා කිරීමේදී
zzz පන්තිය අංගයේ නොමැති නිසා එක් වේ:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem" class="www ggg zzz"></p>
මෙයද බලන්න
-
classList.addක්රමය,
නිශ්චිත පන්තියක් එක් කරයි -
classList.removeක්රමය,
නිශ්චිත පන්තියක් ඉවත් කරයි -
classList.containsක්රමය,
නිශ්චිත පන්තියක් පරීක්ෂා කරයි
