classList ობიექტის toggle მეთოდი
toggle მეთოდი classList
ობიექტისა მონაცვლეობით ცვლის მითითებულ CSS კლასს ელემენტზე: ამატებს
კლასს, თუ ის არ არის და შლის მას, თუ არის.
სინტაქსი
ელემენტი.classList.toggle(კლასი);
მაგალითი
ამ მაგალითში 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,
რომელიც ამოწმებს მითითებულ კლასს
